remove comments and add a DateRange story in InputGroup

docs/components/InputGroup/Web.stories.tsx

@@ -1,8 +1,9 @@
-import React from "react";
+import React, { useState } from "react";
 import { ComponentMeta, ComponentStory } from "@storybook/react";
 import { InputGroup } from "@jobber/components/InputGroup";
 import { InputTime } from "@jobber/components/InputTime";
 import { InputText } from "@jobber/components/InputText";
+import { InputDate } from "@jobber/components/InputDate";
 
 export default {
   title: "Components/Forms and Inputs/InputGroup/Web",
@@ -49,6 +50,27 @@ const NestedTemplate: ComponentStory<typeof InputGroup> = args => {
   );
 };
 
+const DateRangeTemplate: ComponentStory<typeof InputGroup> = args => {
+  const [startDate, setStartDate] = useState(new Date("2024-01-01"));
+  const [endDate, setEndDate] = useState(new Date("2024-12-31"));
+
+  return (
+    <InputGroup {...args}>
+      <InputDate
+        value={startDate}
+        onChange={setStartDate}
+        placeholder="Start Date"
+      />
+      <InputDate
+        value={endDate}
+        onChange={setEndDate}
+        placeholder="End Date"
+        minDate={startDate}
+      />
+    </InputGroup>
+  );
+};
+
 export const Basic = BasicTemplate.bind({});
 Basic.args = {
   flowDirection: "vertical",
@@ -58,3 +80,8 @@ export const Nested = NestedTemplate.bind({});
 Nested.args = {
   flowDirection: "vertical",
 };
+
+export const DateRange = DateRangeTemplate.bind({});
+DateRange.args = {
+  flowDirection: "horizontal",
+};

packages/components/src/DatePicker/DatePicker.tsx

@@ -172,21 +172,18 @@ export function DatePicker({
   }
 
   function handleCalendarOpen() {
-    // If there's already an open picker that's different from this one, close it
     if (
       openDatePickerRef.current &&
       openDatePickerRef.current !== pickerRef.current
     ) {
       openDatePickerRef.current.setOpen(false);
     }
 
-    // Set this picker as the currently open one
     openDatePickerRef.current = pickerRef.current;
     setOpen(true);
   }
 
   function handleCalendarClose() {
-    // Clear the ref if this picker is the one that's closing
     if (openDatePickerRef.current === pickerRef.current) {
       openDatePickerRef.current = null;
     }