diff --git a/src/Card/SelectableCard.tsx b/src/Card/SelectableCard.tsx
index 6b53936f..420b1292 100644
--- a/src/Card/SelectableCard.tsx
+++ b/src/Card/SelectableCard.tsx
@@ -65,7 +65,7 @@ const SelectableCard: React.FC<SelectableCardProps> = ({
 }) => {
   const formCheckRef = React.useRef<HTMLInputElement>(null);
   const cardRef = React.useRef<HTMLDivElement>(null);
-  const formCheckProps = props;
+  const formCheckProps = {...props, type};
   const cardProps = { bg, text, border };
   const handleSelect = () => {
     formCheckRef?.current?.click();
diff --git a/tests/DatePicker/DatePicker.test.tsx b/tests/DatePicker/DatePicker.test.tsx
index e04dbfb3..4747cf24 100644
--- a/tests/DatePicker/DatePicker.test.tsx
+++ b/tests/DatePicker/DatePicker.test.tsx
@@ -1839,7 +1839,7 @@ describe('DatePicker', () => {
 
   it('invalid feedback with customisable message is shown when entered invalid date', async () => {
     const { container, getByText } = render(
-      <DatePicker errorMessage="You have entered an invalid date" />
+      <DatePicker invalidFeedback="You have entered an invalid date" />
     );
 
     const input = container.querySelector('input')!;