Add pattern defaultProp

Author: Tomdango

src/components/date-input/__tests__/__snapshots__/DateInput.test.tsx.snap

@@ -20,6 +20,7 @@ exports[`DateInput matches snapshot 1`] = `
         <Component>
           <IndividualDateInput
             inputType="day"
+            pattern="[0-9]*"
           >
             <div
               className="nhsuk-date-input__item"
@@ -52,6 +53,7 @@ exports[`DateInput matches snapshot 1`] = `
                   id="testInput-day"
                   name="testInput-day"
                   onChange={[Function]}
+                  pattern="[0-9]*"
                 />
               </div>
             </div>
@@ -60,6 +62,7 @@ exports[`DateInput matches snapshot 1`] = `
         <Component>
           <IndividualDateInput
             inputType="month"
+            pattern="[0-9]*"
           >
             <div
               className="nhsuk-date-input__item"
@@ -92,6 +95,7 @@ exports[`DateInput matches snapshot 1`] = `
                   id="testInput-month"
                   name="testInput-month"
                   onChange={[Function]}
+                  pattern="[0-9]*"
                 />
               </div>
             </div>
@@ -100,6 +104,7 @@ exports[`DateInput matches snapshot 1`] = `
         <Component>
           <IndividualDateInput
             inputType="year"
+            pattern="[0-9]*"
           >
             <div
               className="nhsuk-date-input__item"
@@ -132,6 +137,7 @@ exports[`DateInput matches snapshot 1`] = `
                   id="testInput-year"
                   name="testInput-year"
                   onChange={[Function]}
+                  pattern="[0-9]*"
                 />
               </div>
             </div>

src/components/date-input/components/IndividualDateInputs.tsx

@@ -93,6 +93,10 @@ const IndividualDateInput: React.FC<IndividualDateInputProps> = ({
   );
 };
 
+IndividualDateInput.defaultProps = {
+  pattern: '[0-9]*',
+};
+
 export const DayInput: React.FC<Omit<IndividualDateInputProps, 'inputType'>> = props => (
   <IndividualDateInput inputType="day" {...props} />
 );