feat: add desktop ui to calendar

components/DatePicker/index.tsx

@@ -22,6 +22,10 @@ export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
   const { register, setValue } = useFormContext()
   const ref = useRef<HTMLDivElement | null>(null)
 
+  function close() {
+    setIsOpen(false)
+  }
+
   function handleOnClick() {
     setIsOpen((prevIsOpen) => !prevIsOpen)
   }
@@ -64,6 +68,7 @@ export default function DatePickerForm({ name = "date" }: DatePickerFormProps) {
       <input {...register("date.to")} type="hidden" />
       <div aria-modal className={styles.hideWrapper} role="dialog">
         <DatePicker
+          close={close}
           handleOnSelect={handleSelectDate}
           initialSelected={selectedDate}
         />