Fix Uncontrolled Component Issue

This fixes an issue where React says that an uncontrolled component is switching to a controlled component.

Author: Tomdango

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

@@ -44,8 +44,8 @@ const IndividualDateInput: React.FC<IndividualDateInputProps> = ({
 
   const inputID = id || `${ctxId}-${inputType}`;
   const inputName = name || `${ctxName}-${inputType}`;
-  const inputValue = value || ctxValue?.[inputType] || undefined;
-  const inputDefaultValue = defaultValue || ctxDefaultValue?.[inputType] || undefined;
+  const inputValue = value !== undefined ? value : ctxValue?.[inputType];
+  const inputDefaultValue = defaultValue !== undefined ? defaultValue : ctxDefaultValue?.[inputType];
 
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     e.persist();
@@ -95,6 +95,7 @@ const IndividualDateInput: React.FC<IndividualDateInputProps> = ({
 
 IndividualDateInput.defaultProps = {
   pattern: '[0-9]*',
+  type: 'number',
 };
 
 export const DayInput: React.FC<Omit<IndividualDateInputProps, 'inputType'>> = props => (