change: adding is clearable as an option (#441)

Co-authored-by: Ishdeep Singh <[email protected]>
cuweb · Nov 6, 2024 · 44f67b5 · 44f67b5
1 parent 965f3fd
commit 44f67b5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/lib/components/Form/DateTime/DateTime.tsx b/lib/components/Form/DateTime/DateTime.tsx
@@ -12,11 +12,12 @@ export interface DateTimeProps extends FieldComponentProps {
   dateFormat?: string
   timeFormat?: string
   placeholder?: string
+  isClearable?: boolean
   onChange?: (date: Date | null) => void
 }
 
 export const DateTime = ({ ...props }: DateTimeProps) => {
-  const { name, placeholder, dateFormat = 'MMMM d, yyyy', showTime, timeFormat, onChange, ...rest } = props
+  const { name, placeholder, dateFormat = 'MMMM d, yyyy', showTime, timeFormat, onChange, isClearable, ...rest } = props
 
   const [field, , helpers] = useField(name)
 
@@ -35,7 +36,7 @@ export const DateTime = ({ ...props }: DateTimeProps) => {
   return (
     <>
       <DatePicker
-        isClearable
+        isClearable={isClearable}
         name={name}
         id={name}
         autoComplete="on"

diff --git a/lib/components/Form/Form.stories.tsx b/lib/components/Form/Form.stories.tsx
@@ -396,6 +396,7 @@ export const SimpleDate: Story = () => {
           name="startDate"
           maxDate={formikProps.values.endDate}
           disabled={formikProps.isSubmitting}
+          isClearable
         />
         <Form.FieldControl
           required