@ayasofyazilim/ui 0.0.0 → 0.0.1

package/dist/custom/date-picker/calendar-rac.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getLocalTimeZone, today } from "@internationalized/date";
+import {
+  Button as ButtonRac,
+  CalendarCell as CalendarCellRac,
+  CalendarGridBody as CalendarGridBodyRac,
+  CalendarGridHeader as CalendarGridHeaderRac,
+  CalendarGrid as CalendarGridRac,
+  CalendarHeaderCell as CalendarHeaderCellRac,
+  Calendar as CalendarRac,
+  Heading as HeadingRac,
+  RangeCalendar as RangeCalendarRac,
+  composeRenderProps
+} from "react-aria-components";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+const CalendarHeader = () => /* @__PURE__ */ jsx("header", { className: "pb-1 grid", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-1 ", children: [
+  /* @__PURE__ */ jsx(
+    ButtonRac,
+    {
+      slot: "previous",
+      className: "flex size-9 items-center justify-center rounded-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:bg-accent hover:text-foreground focus:outline-none data-focus-visible:outline-2 data-focus-visible:outline-ring/70",
+      children: /* @__PURE__ */ jsx(ChevronLeftIcon, { strokeWidth: 2 })
+    }
+  ),
+  /* @__PURE__ */ jsx(HeadingRac, { className: "grow text-center text-sm font-medium" }),
+  /* @__PURE__ */ jsx(
+    ButtonRac,
+    {
+      slot: "next",
+      className: "flex size-9 items-center justify-center rounded-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:bg-accent hover:text-foreground focus:outline-none  data-focus-visible:outline-2 data-focus-visible:outline-ring/70",
+      children: /* @__PURE__ */ jsx(ChevronRightIcon, { strokeWidth: 2 })
+    }
+  )
+] }) });
+const CalendarGridComponent = ({ isRange = false }) => {
+  const now = today(getLocalTimeZone());
+  return /* @__PURE__ */ jsxs(CalendarGridRac, { children: [
+    /* @__PURE__ */ jsx(CalendarGridHeaderRac, { children: (day) => /* @__PURE__ */ jsx(CalendarHeaderCellRac, { className: "size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80", children: day }) }),
+    /* @__PURE__ */ jsx(CalendarGridBodyRac, { className: "[&_td]:px-0", children: (date) => /* @__PURE__ */ jsx(
+      CalendarCellRac,
+      {
+        date,
+        className: cn(
+          "relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg border border-transparent p-0 text-sm font-normal text-foreground outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow] focus:outline-none data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:outline-2 data-focus-visible:outline-ring/70",
+          // Range-specific styles
+          isRange && "data-selected:rounded-none data-selection-end:rounded-e-lg data-selection-start:rounded-s-lg data-invalid:bg-red-100 data-selected:bg-accent data-selected:text-foreground data-invalid:data-selection-end:[&:not([data-hover])]:bg-destructive data-invalid:data-selection-start:[&:not([data-hover])]:bg-destructive data-selection-end:[&:not([data-hover])]:bg-primary data-selection-start:[&:not([data-hover])]:bg-primary data-invalid:data-selection-end:[&:not([data-hover])]:text-destructive-foreground data-invalid:data-selection-start:[&:not([data-hover])]:text-destructive-foreground data-selection-end:[&:not([data-hover])]:text-primary-foreground data-selection-start:[&:not([data-hover])]:text-primary-foreground",
+          // Today indicator styles
+          date.compare(now) === 0 && cn(
+            "after:pointer-events-none after:absolute after:bottom-1 after:start-1/2 after:z-10 after:size-[3px] after:-translate-x-1/2 after:rounded-full after:bg-primary",
+            isRange ? "data-selection-end:[&:not([data-hover])]:after:bg-background data-selection-start:[&:not([data-hover])]:after:bg-background" : "data-selected:after:bg-background"
+          )
+        )
+      }
+    ) })
+  ] });
+};
+const Calendar = ({ className, ...props }) => /* @__PURE__ */ jsxs(
+  CalendarRac,
+  {
+    ...props,
+    className: composeRenderProps(
+      className,
+      (className2) => cn("w-fit", className2)
+    ),
+    children: [
+      /* @__PURE__ */ jsx(CalendarHeader, {}),
+      /* @__PURE__ */ jsx(CalendarGridComponent, {})
+    ]
+  }
+);
+const RangeCalendar = ({ className, ...props }) => /* @__PURE__ */ jsxs(
+  RangeCalendarRac,
+  {
+    ...props,
+    className: composeRenderProps(
+      className,
+      (className2) => cn("w-fit", className2)
+    ),
+    children: [
+      /* @__PURE__ */ jsx(CalendarHeader, {}),
+      /* @__PURE__ */ jsx(CalendarGridComponent, { isRange: true })
+    ]
+  }
+);
+export {
+  Calendar,
+  RangeCalendar
+};
+//# sourceMappingURL=calendar-rac.js.map

package/dist/custom/date-picker/calendar-rac.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/custom/date-picker/calendar-rac.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { getLocalTimeZone, today } from \"@internationalized/date\";\r\nimport { ComponentProps } from \"react\";\r\nimport {\r\n  Button as ButtonRac,\r\n  CalendarCell as CalendarCellRac,\r\n  CalendarGridBody as CalendarGridBodyRac,\r\n  CalendarGridHeader as CalendarGridHeaderRac,\r\n  CalendarGrid as CalendarGridRac,\r\n  CalendarHeaderCell as CalendarHeaderCellRac,\r\n  Calendar as CalendarRac,\r\n  Heading as HeadingRac,\r\n  RangeCalendar as RangeCalendarRac,\r\n  composeRenderProps,\r\n} from \"react-aria-components\";\r\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\ninterface BaseCalendarProps {\r\n  className?: string;\r\n}\r\n\r\ntype CalendarProps = ComponentProps<typeof CalendarRac> & BaseCalendarProps;\r\ntype RangeCalendarProps = ComponentProps<typeof RangeCalendarRac> &\r\n  BaseCalendarProps;\r\n\r\nconst CalendarHeader = () => (\r\n  <header className=\"pb-1 grid\">\r\n    <div className=\"flex w-full items-center gap-1 \">\r\n      <ButtonRac\r\n        slot=\"previous\"\r\n        className=\"flex size-9 items-center justify-center rounded-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:bg-accent hover:text-foreground focus:outline-none data-focus-visible:outline-2 data-focus-visible:outline-ring/70\"\r\n      >\r\n        <ChevronLeftIcon strokeWidth={2} />\r\n      </ButtonRac>\r\n      <HeadingRac className=\"grow text-center text-sm font-medium\" />\r\n      <ButtonRac\r\n        slot=\"next\"\r\n        className=\"flex size-9 items-center justify-center rounded-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:bg-accent hover:text-foreground focus:outline-none  data-focus-visible:outline-2 data-focus-visible:outline-ring/70\"\r\n      >\r\n        <ChevronRightIcon strokeWidth={2} />\r\n      </ButtonRac>\r\n    </div>\r\n  </header>\r\n);\r\n\r\nconst CalendarGridComponent = ({ isRange = false }: { isRange?: boolean }) => {\r\n  const now = today(getLocalTimeZone());\r\n\r\n  return (\r\n    <CalendarGridRac>\r\n      <CalendarGridHeaderRac>\r\n        {(day) => (\r\n          <CalendarHeaderCellRac className=\"size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80\">\r\n            {day}\r\n          </CalendarHeaderCellRac>\r\n        )}\r\n      </CalendarGridHeaderRac>\r\n      <CalendarGridBodyRac className=\"[&_td]:px-0\">\r\n        {(date) => (\r\n          <CalendarCellRac\r\n            date={date}\r\n            className={cn(\r\n              \"relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg border border-transparent p-0 text-sm font-normal text-foreground outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow] focus:outline-none data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:outline-2 data-focus-visible:outline-ring/70\",\r\n              // Range-specific styles\r\n              isRange &&\r\n                \"data-selected:rounded-none data-selection-end:rounded-e-lg data-selection-start:rounded-s-lg data-invalid:bg-red-100 data-selected:bg-accent data-selected:text-foreground data-invalid:data-selection-end:[&:not([data-hover])]:bg-destructive data-invalid:data-selection-start:[&:not([data-hover])]:bg-destructive data-selection-end:[&:not([data-hover])]:bg-primary data-selection-start:[&:not([data-hover])]:bg-primary data-invalid:data-selection-end:[&:not([data-hover])]:text-destructive-foreground data-invalid:data-selection-start:[&:not([data-hover])]:text-destructive-foreground data-selection-end:[&:not([data-hover])]:text-primary-foreground data-selection-start:[&:not([data-hover])]:text-primary-foreground\",\r\n              // Today indicator styles\r\n              date.compare(now) === 0 &&\r\n                cn(\r\n                  \"after:pointer-events-none after:absolute after:bottom-1 after:start-1/2 after:z-10 after:size-[3px] after:-translate-x-1/2 after:rounded-full after:bg-primary\",\r\n                  isRange\r\n                    ? \"data-selection-end:[&:not([data-hover])]:after:bg-background data-selection-start:[&:not([data-hover])]:after:bg-background\"\r\n                    : \"data-selected:after:bg-background\"\r\n                )\r\n            )}\r\n          />\r\n        )}\r\n      </CalendarGridBodyRac>\r\n    </CalendarGridRac>\r\n  );\r\n};\r\n\r\nconst Calendar = ({ className, ...props }: CalendarProps) => (\r\n  <CalendarRac\r\n    {...props}\r\n    className={composeRenderProps(className, (className) =>\r\n      cn(\"w-fit\", className)\r\n    )}\r\n  >\r\n    <CalendarHeader />\r\n    <CalendarGridComponent />\r\n  </CalendarRac>\r\n);\r\n\r\nconst RangeCalendar = ({ className, ...props }: RangeCalendarProps) => (\r\n  <RangeCalendarRac\r\n    {...props}\r\n    className={composeRenderProps(className, (className) =>\r\n      cn(\"w-fit\", className)\r\n    )}\r\n  >\r\n    <CalendarHeader />\r\n    <CalendarGridComponent isRange />\r\n  </RangeCalendarRac>\r\n);\r\n\r\nexport { Calendar, RangeCalendar };\r\n"],"mappings":";AA6BI,SAKI,KALJ;AA3BJ,SAAS,kBAAkB,aAAa;AAExC;AAAA,EACE,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB;AAAA,OACK;AACP,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,UAAU;AAUnB,MAAM,iBAAiB,MACrB,oBAAC,YAAO,WAAU,aAChB,+BAAC,SAAI,WAAU,mCACb;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,8BAAC,mBAAgB,aAAa,GAAG;AAAA;AAAA,EACnC;AAAA,EACA,oBAAC,cAAW,WAAU,wCAAuC;AAAA,EAC7D;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,8BAAC,oBAAiB,aAAa,GAAG;AAAA;AAAA,EACpC;AAAA,GACF,GACF;AAGF,MAAM,wBAAwB,CAAC,EAAE,UAAU,MAAM,MAA6B;AAC5E,QAAM,MAAM,MAAM,iBAAiB,CAAC;AAEpC,SACE,qBAAC,mBACC;AAAA,wBAAC,yBACE,WAAC,QACA,oBAAC,yBAAsB,WAAU,sEAC9B,eACH,GAEJ;AAAA,IACA,oBAAC,uBAAoB,WAAU,eAC5B,WAAC,SACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA;AAAA,UAEA,WACE;AAAA;AAAA,UAEF,KAAK,QAAQ,GAAG,MAAM,KACpB;AAAA,YACE;AAAA,YACA,UACI,gIACA;AAAA,UACN;AAAA,QACJ;AAAA;AAAA,IACF,GAEJ;AAAA,KACF;AAEJ;AAEA,MAAM,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,MACtC;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,WAAW;AAAA,MAAmB;AAAA,MAAW,CAACA,eACxC,GAAG,SAASA,UAAS;AAAA,IACvB;AAAA,IAEA;AAAA,0BAAC,kBAAe;AAAA,MAChB,oBAAC,yBAAsB;AAAA;AAAA;AACzB;AAGF,MAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,MAC3C;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,WAAW;AAAA,MAAmB;AAAA,MAAW,CAACA,eACxC,GAAG,SAASA,UAAS;AAAA,IACvB;AAAA,IAEA;AAAA,0BAAC,kBAAe;AAAA,MAChB,oBAAC,yBAAsB,SAAO,MAAC;AAAA;AAAA;AACjC;","names":["className"]}

package/dist/custom/date-picker/datefield-rac.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  DateField as DateFieldRac,
+  DateInput as DateInputRac,
+  DateSegment as DateSegmentRac,
+  TimeField as TimeFieldRac,
+  composeRenderProps
+} from "react-aria-components";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+const DateField = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  DateFieldRac,
+  {
+    className: composeRenderProps(
+      className,
+      (className2) => cn("space-y-2", className2)
+    ),
+    ...props,
+    children
+  }
+);
+const TimeField = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  TimeFieldRac,
+  {
+    className: composeRenderProps(
+      className,
+      (className2) => cn("space-y-2", className2)
+    ),
+    ...props,
+    children
+  }
+);
+const DateSegment = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  DateSegmentRac,
+  {
+    className: composeRenderProps(
+      className,
+      (className2) => cn(
+        "inline rounded p-0.5 text-foreground caret-transparent outline-0 data-disabled:cursor-not-allowed data-focused:bg-accent data-invalid:data-focused:bg-destructive data-[type=literal]:px-0 data-focused:data-placeholder:text-foreground data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:data-focused:text-destructive-foreground data-invalid:data-placeholder:text-destructive data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-[type=literal]:text-muted-foreground/70 data-disabled:opacity-50",
+        className2
+      )
+    ),
+    ...props
+  }
+);
+const dateInputStyle = "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-disabled:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20";
+const DateInput = ({
+  className,
+  unstyled = false,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  DateInputRac,
+  {
+    className: composeRenderProps(
+      className,
+      (className2) => cn(!unstyled && dateInputStyle, className2)
+    ),
+    ...props,
+    children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment })
+  }
+);
+export {
+  DateField,
+  DateInput,
+  DateSegment,
+  TimeField,
+  dateInputStyle
+};
+//# sourceMappingURL=datefield-rac.js.map

package/dist/custom/date-picker/datefield-rac.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/custom/date-picker/datefield-rac.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  DateFieldProps,\r\n  DateField as DateFieldRac,\r\n  DateInputProps as DateInputPropsRac,\r\n  DateInput as DateInputRac,\r\n  DateSegmentProps,\r\n  DateSegment as DateSegmentRac,\r\n  DateValue as DateValueRac,\r\n  TimeFieldProps,\r\n  TimeField as TimeFieldRac,\r\n  TimeValue as TimeValueRac,\r\n  composeRenderProps,\r\n} from \"react-aria-components\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\nconst DateField = <T extends DateValueRac>({\r\n  className,\r\n  children,\r\n  ...props\r\n}: DateFieldProps<T>) => (\r\n  <DateFieldRac\r\n    className={composeRenderProps(className, (className) =>\r\n      cn(\"space-y-2\", className)\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n  </DateFieldRac>\r\n);\r\n\r\nconst TimeField = <T extends TimeValueRac>({\r\n  className,\r\n  children,\r\n  ...props\r\n}: TimeFieldProps<T>) => (\r\n  <TimeFieldRac\r\n    className={composeRenderProps(className, (className) =>\r\n      cn(\"space-y-2\", className)\r\n    )}\r\n    {...props}\r\n  >\r\n    {children}\r\n  </TimeFieldRac>\r\n);\r\n\r\nconst DateSegment = ({ className, ...props }: DateSegmentProps) => (\r\n  <DateSegmentRac\r\n    className={composeRenderProps(className, (className) =>\r\n      cn(\r\n        \"inline rounded p-0.5 text-foreground caret-transparent outline-0 data-disabled:cursor-not-allowed data-focused:bg-accent data-invalid:data-focused:bg-destructive data-[type=literal]:px-0 data-focused:data-placeholder:text-foreground data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:data-focused:text-destructive-foreground data-invalid:data-placeholder:text-destructive data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-[type=literal]:text-muted-foreground/70 data-disabled:opacity-50\",\r\n        className\r\n      )\r\n    )}\r\n    {...props}\r\n  />\r\n);\r\n\r\nconst dateInputStyle =\r\n  \"relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-disabled:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20\";\r\n\r\ninterface DateInputProps extends DateInputPropsRac {\r\n  className?: string;\r\n  unstyled?: boolean;\r\n}\r\n\r\nconst DateInput = ({\r\n  className,\r\n  unstyled = false,\r\n  ...props\r\n}: Omit<DateInputProps, \"children\">) => (\r\n  <DateInputRac\r\n    className={composeRenderProps(className, (className) =>\r\n      cn(!unstyled && dateInputStyle, className)\r\n    )}\r\n    {...props}\r\n  >\r\n    {(segment) => <DateSegment segment={segment} />}\r\n  </DateInputRac>\r\n);\r\n\r\nexport { DateField, DateInput, DateSegment, TimeField, dateInputStyle };\r\nexport type { DateInputProps };\r\n"],"mappings":";AAsBE;AApBF;AAAA,EAEE,aAAa;AAAA,EAEb,aAAa;AAAA,EAEb,eAAe;AAAA,EAGf,aAAa;AAAA,EAEb;AAAA,OACK;AACP,SAAS,UAAU;AAEnB,MAAM,YAAY,CAAyB;AAAA,EACzC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MAAmB;AAAA,MAAW,CAACA,eACxC,GAAG,aAAaA,UAAS;AAAA,IAC3B;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AACH;AAGF,MAAM,YAAY,CAAyB;AAAA,EACzC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MAAmB;AAAA,MAAW,CAACA,eACxC,GAAG,aAAaA,UAAS;AAAA,IAC3B;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AACH;AAGF,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,MACzC;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MAAmB;AAAA,MAAW,CAACA,eACxC;AAAA,QACE;AAAA,QACAA;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAGF,MAAM,iBACJ;AAOF,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MAAmB;AAAA,MAAW,CAACA,eACxC,GAAG,CAAC,YAAY,gBAAgBA,UAAS;AAAA,IAC3C;AAAA,IACC,GAAG;AAAA,IAEH,WAAC,YAAY,oBAAC,eAAY,SAAkB;AAAA;AAC/C;","names":["className"]}

package/dist/custom/date-picker/index.js

@@ -0,0 +1,251 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CalendarIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import {
+  Button,
+  DatePicker as DefaultDatePicker,
+  DateRangePicker as DefaultDateRangePicker,
+  Group,
+  Label
+} from "react-aria-components";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { Separator } from "@repo/ayasofyazilim-ui/components/separator";
+import { Calendar, RangeCalendar } from "./calendar-rac";
+import { DateInput, TimeField } from "./datefield-rac";
+import { createDate, createTime } from "./utils";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@repo/ayasofyazilim-ui/components/popover";
+const offset = (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3;
+function DatePicker({
+  id,
+  label,
+  classNames,
+  onChange,
+  defaultValue,
+  disabled = false,
+  useTime = false,
+  showIcon = true
+}) {
+  const [dateValue, setDateValue] = useState(
+    createDate({ date: defaultValue, offset })
+  );
+  const [timeValue, setTimeValue] = useState(
+    createTime({ date: defaultValue, offset })
+  );
+  useEffect(() => {
+    if (!dateValue) return;
+    if (onChange) {
+      if (useTime && timeValue) {
+        onChange(
+          new Date(
+            dateValue.year,
+            dateValue.month - 1,
+            dateValue.day,
+            timeValue.hour,
+            timeValue.minute,
+            timeValue.second
+          )
+        );
+      } else {
+        const timeZone = localStorage.getItem("tenantTimeZone") || "UTC";
+        onChange(dateValue.toDate(timeZone));
+      }
+    }
+  }, [dateValue, timeValue, onChange, useTime]);
+  const [isOpen, setIsOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    DefaultDatePicker,
+    {
+      "aria-label": "x",
+      className: "space-y-2",
+      isDisabled: disabled,
+      value: dateValue,
+      onChange: (date) => {
+        if (date) {
+          setDateValue(date);
+        }
+      },
+      children: [
+        label && /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-foreground", children: label }),
+        /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              className: cn(
+                "w-full flex border rounded-md h-9 pl-3 py-2 items-center gap-2 peer",
+                showIcon ? "pr-9" : "pr-3",
+                classNames?.dateInput
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  DateInput,
+                  {
+                    unstyled: true,
+                    className: "peer-focus:ring",
+                    "data-testid": `${id}_calendar_input_1`
+                  }
+                ),
+                useTime && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+                  /* @__PURE__ */ jsx(
+                    TimeField,
+                    {
+                      "aria-label": "Time",
+                      value: timeValue,
+                      className: "h-max *:m-0",
+                      onChange: (time) => {
+                        if (time) {
+                          setTimeValue(time);
+                        }
+                      },
+                      children: /* @__PURE__ */ jsx(
+                        DateInput,
+                        {
+                          unstyled: true,
+                          className: "peer-focus:ring",
+                          "data-testid": `${id}_calendar_input_2`
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Popover,
+            {
+              open: isOpen,
+              onOpenChange: setIsOpen,
+              children: [
+                /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: showIcon && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    "data-testid": `${id}_calendar_icon`,
+                    className: "z-10 -me-px -ms-9 flex w-9 items-center justify-center rounded-e-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none data-focus-visible:outline-2 data-focus-visible:outline-ring/70 border-none",
+                    children: /* @__PURE__ */ jsx(CalendarIcon, { size: 16, strokeWidth: 2 })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  PopoverContent,
+                  {
+                    align: "end",
+                    className: "z-50 min-w-fit max-w-fit rounded-lg border border-border bg-background text-popover-foreground shadow-lg shadow-black/5 outline-none data-entering:animate-in data-exiting:animate-out data-entering:fade-in-0 data-exiting:fade-out-0 data-entering:zoom-in-95 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2",
+                    children: /* @__PURE__ */ jsx(Calendar, { onChange: () => setIsOpen(false) })
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function DateRangePicker({
+  id,
+  label,
+  classNames,
+  onChange,
+  defaultValues,
+  disabled = false,
+  showIcon = true
+}) {
+  const [dateValue, setDateValue] = useState({
+    start: createDate({ date: defaultValues?.start, offset }),
+    end: createDate({ date: defaultValues?.end, offset })
+  });
+  useEffect(() => {
+    if (!dateValue) return;
+    if (onChange) {
+      const { start } = dateValue;
+      const { end } = dateValue;
+      onChange({
+        start: start && start.year && start.month && start.day && new Date(start.year, start.month - 1, start.day) || void 0,
+        end: end && end.year && end.month && end.day && new Date(end.year, end.month - 1, end.day) || void 0
+      });
+    }
+  }, [dateValue]);
+  return /* @__PURE__ */ jsxs(
+    DefaultDateRangePicker,
+    {
+      "aria-label": "x",
+      startName: "start",
+      endName: "end",
+      className: "space-y-2",
+      isDisabled: disabled,
+      value: dateValue.start && dateValue.end && {
+        start: dateValue.start,
+        end: dateValue.end
+      },
+      onChange: (date) => {
+        if (date) {
+          setDateValue(date);
+        }
+      },
+      children: [
+        label && /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-foreground", children: label }),
+        /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              className: cn(
+                "w-full min-w-fit flex border rounded-md h-9 pl-3 py-2 items-center gap-2 peer",
+                showIcon ? "pr-9" : "pr-3",
+                classNames?.dateInput
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  DateInput,
+                  {
+                    unstyled: true,
+                    className: "peer-focus:ring",
+                    slot: "start",
+                    "data-testid": `${id}_calendar_input_2`
+                  }
+                ),
+                /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
+                /* @__PURE__ */ jsx(
+                  DateInput,
+                  {
+                    unstyled: true,
+                    className: "peer-focus:ring",
+                    slot: "end",
+                    "data-testid": `${id}_calendar_input_2`
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(Popover, { children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: showIcon && /* @__PURE__ */ jsx(
+              Button,
+              {
+                "data-testid": `${id}_calendar_icon`,
+                className: "z-10 -me-px -ms-9 flex w-9 items-center justify-center rounded-e-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none data-focus-visible:outline-2 data-focus-visible:outline-ring/70 border-none",
+                children: /* @__PURE__ */ jsx(CalendarIcon, { size: 16, strokeWidth: 2 })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                align: "end",
+                className: "z-50 rounded-lg border border-border bg-background text-popover-foreground shadow-lg shadow-black/5 outline-none data-entering:animate-in data-exiting:animate-out data-entering:fade-in-0 data-exiting:fade-out-0 data-entering:zoom-in-95 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2",
+                children: /* @__PURE__ */ jsx(RangeCalendar, {})
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  DatePicker,
+  DateRangePicker
+};
+//# sourceMappingURL=index.js.map

package/dist/custom/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/custom/date-picker/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { CalendarIcon } from \"lucide-react\";\r\nimport { useEffect, useState } from \"react\";\r\nimport {\r\n  Button,\r\n  DatePicker as DefaultDatePicker,\r\n  DateRangePicker as DefaultDateRangePicker,\r\n  // Dialog,\r\n  Group,\r\n  Label,\r\n  // Popover,\r\n} from \"react-aria-components\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { Separator } from \"@repo/ayasofyazilim-ui/components/separator\";\r\nimport { Calendar, RangeCalendar } from \"./calendar-rac\";\r\nimport { DateInput, TimeField } from \"./datefield-rac\";\r\nimport { DateRange } from \"./types\";\r\nimport { createDate, createTime } from \"./utils\";\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/popover\";\r\n\r\n// const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone; DO NOT DELETE\r\nconst offset = new Date().getTimezoneOffset() * 60 * 1000;\r\n\r\nexport function DatePicker({\r\n  id,\r\n  label,\r\n  classNames,\r\n  onChange,\r\n  defaultValue,\r\n  disabled = false,\r\n  useTime = false,\r\n  showIcon = true,\r\n}: {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  classNames?: {\r\n    dateInput?: string;\r\n  };\r\n  showIcon?: boolean;\r\n  useTime?: boolean;\r\n  defaultValue?: Date;\r\n  onChange?: (date: Date) => void;\r\n}) {\r\n  const [dateValue, setDateValue] = useState(\r\n    createDate({ date: defaultValue, offset })\r\n  );\r\n  const [timeValue, setTimeValue] = useState(\r\n    createTime({ date: defaultValue, offset })\r\n  );\r\n  useEffect(() => {\r\n    if (!dateValue) return;\r\n    if (onChange) {\r\n      if (useTime && timeValue) {\r\n        onChange(\r\n          new Date(\r\n            dateValue.year,\r\n            dateValue.month - 1,\r\n            dateValue.day,\r\n            timeValue.hour,\r\n            timeValue.minute,\r\n            timeValue.second\r\n          )\r\n        );\r\n      } else {\r\n        const timeZone = localStorage.getItem(\"tenantTimeZone\") || \"UTC\";\r\n\r\n        onChange(dateValue.toDate(timeZone));\r\n      }\r\n    }\r\n  }, [dateValue, timeValue, onChange, useTime]);\r\n\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  return (\r\n    <DefaultDatePicker\r\n      aria-label=\"x\"\r\n      className=\"space-y-2\"\r\n      isDisabled={disabled}\r\n      value={dateValue}\r\n      onChange={(date) => {\r\n        if (date) {\r\n          setDateValue(date);\r\n        }\r\n      }}\r\n    >\r\n      {label && (\r\n        <Label className=\"text-sm font-medium text-foreground\">{label}</Label>\r\n      )}\r\n\r\n      <div className=\"flex\">\r\n        <Group\r\n          className={cn(\r\n            \"w-full flex border rounded-md h-9 pl-3 py-2 items-center gap-2 peer\",\r\n            showIcon ? \"pr-9\" : \"pr-3\",\r\n            classNames?.dateInput\r\n          )}\r\n        >\r\n          <DateInput\r\n            unstyled\r\n            className=\"peer-focus:ring\"\r\n            data-testid={`${id}_calendar_input_1`}\r\n          />\r\n          {useTime && (\r\n            <>\r\n              <Separator orientation=\"vertical\" />\r\n              <TimeField\r\n                aria-label=\"Time\"\r\n                value={timeValue}\r\n                className=\"h-max *:m-0\"\r\n                onChange={(time) => {\r\n                  if (time) {\r\n                    setTimeValue(time);\r\n                  }\r\n                }}\r\n              >\r\n                <DateInput\r\n                  unstyled\r\n                  className=\"peer-focus:ring\"\r\n                  data-testid={`${id}_calendar_input_2`}\r\n                />\r\n              </TimeField>\r\n            </>\r\n          )}\r\n        </Group>\r\n        <Popover\r\n          open={isOpen}\r\n          onOpenChange={setIsOpen}\r\n          // placement=\"bottom end\"\r\n        >\r\n          <PopoverTrigger asChild>\r\n            {showIcon && (\r\n              <Button\r\n                data-testid={`${id}_calendar_icon`}\r\n                className=\"z-10 -me-px -ms-9 flex w-9 items-center justify-center rounded-e-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none data-focus-visible:outline-2 data-focus-visible:outline-ring/70 border-none\"\r\n              >\r\n                <CalendarIcon size={16} strokeWidth={2} />\r\n              </Button>\r\n            )}\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            align=\"end\"\r\n            className=\"z-50 min-w-fit max-w-fit rounded-lg border border-border bg-background text-popover-foreground shadow-lg shadow-black/5 outline-none data-entering:animate-in data-exiting:animate-out data-entering:fade-in-0 data-exiting:fade-out-0 data-entering:zoom-in-95 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\"\r\n          >\r\n            {/* <Dialog className=\"max-h-[inherit] overflow-auto p-2\"> */}\r\n            <Calendar onChange={() => setIsOpen(false)} />\r\n            {/* </Dialog> */}\r\n          </PopoverContent>\r\n        </Popover>\r\n      </div>\r\n    </DefaultDatePicker>\r\n  );\r\n}\r\n\r\nexport function DateRangePicker({\r\n  id,\r\n  label,\r\n  classNames,\r\n  onChange,\r\n  defaultValues,\r\n  disabled = false,\r\n  showIcon = true,\r\n}: {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  classNames?: {\r\n    dateInput?: string;\r\n  };\r\n  showIcon?: boolean;\r\n  defaultValues?: DateRange;\r\n  onChange?: (date: DateRange) => void;\r\n}) {\r\n  const [dateValue, setDateValue] = useState({\r\n    start: createDate({ date: defaultValues?.start, offset }),\r\n    end: createDate({ date: defaultValues?.end, offset }),\r\n  });\r\n  useEffect(() => {\r\n    if (!dateValue) return;\r\n    if (onChange) {\r\n      const { start } = dateValue;\r\n      const { end } = dateValue;\r\n      onChange({\r\n        start:\r\n          (start &&\r\n            start.year &&\r\n            start.month &&\r\n            start.day &&\r\n            new Date(start.year, start.month - 1, start.day)) ||\r\n          undefined,\r\n        end:\r\n          (end &&\r\n            end.year &&\r\n            end.month &&\r\n            end.day &&\r\n            new Date(end.year, end.month - 1, end.day)) ||\r\n          undefined,\r\n      });\r\n    }\r\n  }, [dateValue]);\r\n  return (\r\n    <DefaultDateRangePicker\r\n      aria-label=\"x\"\r\n      startName=\"start\"\r\n      endName=\"end\"\r\n      className=\"space-y-2\"\r\n      isDisabled={disabled}\r\n      value={\r\n        dateValue.start &&\r\n        dateValue.end && {\r\n          start: dateValue.start,\r\n          end: dateValue.end,\r\n        }\r\n      }\r\n      onChange={(date) => {\r\n        if (date) {\r\n          setDateValue(date);\r\n        }\r\n      }}\r\n    >\r\n      {label && (\r\n        <Label className=\"text-sm font-medium text-foreground\">{label}</Label>\r\n      )}\r\n      <div className=\"flex\">\r\n        <Group\r\n          className={cn(\r\n            \"w-full min-w-fit flex border rounded-md h-9 pl-3 py-2 items-center gap-2 peer\",\r\n            showIcon ? \"pr-9\" : \"pr-3\",\r\n            classNames?.dateInput\r\n          )}\r\n        >\r\n          <DateInput\r\n            unstyled\r\n            className=\"peer-focus:ring\"\r\n            slot=\"start\"\r\n            data-testid={`${id}_calendar_input_2`}\r\n          />\r\n          <Separator orientation=\"vertical\" />\r\n          <DateInput\r\n            unstyled\r\n            className=\"peer-focus:ring\"\r\n            slot=\"end\"\r\n            data-testid={`${id}_calendar_input_2`}\r\n          />\r\n        </Group>\r\n        <Popover>\r\n          <PopoverTrigger asChild>\r\n            {showIcon && (\r\n              <Button\r\n                data-testid={`${id}_calendar_icon`}\r\n                className=\"z-10 -me-px -ms-9 flex w-9 items-center justify-center rounded-e-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none data-focus-visible:outline-2 data-focus-visible:outline-ring/70 border-none\"\r\n              >\r\n                <CalendarIcon size={16} strokeWidth={2} />\r\n              </Button>\r\n            )}\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            align=\"end\"\r\n            className=\"z-50 rounded-lg border border-border bg-background text-popover-foreground shadow-lg shadow-black/5 outline-none data-entering:animate-in data-exiting:animate-out data-entering:fade-in-0 data-exiting:fade-out-0 data-entering:zoom-in-95 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\"\r\n          >\r\n            {/* <Dialog className=\"max-h-[inherit] overflow-auto p-2\"> */}\r\n            <RangeCalendar />\r\n            {/* </Dialog> */}\r\n          </PopoverContent>\r\n        </Popover>\r\n      </div>\r\n    </DefaultDateRangePicker>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/date-picker/types/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/custom/date-picker/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/custom/date-picker/utils/index.js

@@ -0,0 +1,30 @@
+import {
+  parseDate,
+  parseTime
+} from "@internationalized/date";
+function createDate({
+  date,
+  // timezone,
+  offset
+}) {
+  if (date)
+    return parseDate(
+      new Date(date.getTime() - offset).toJSON().split("T").at(0) || ""
+    );
+  return void 0;
+}
+function createTime({
+  date,
+  offset
+}) {
+  if (date)
+    return parseTime(
+      new Date(date.getTime() - offset).toJSON().split("T").at(1)?.replace("Z", "") || ""
+    );
+  return parseTime("00:00");
+}
+export {
+  createDate,
+  createTime
+};
+//# sourceMappingURL=index.js.map

package/dist/custom/date-picker/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/date-picker/utils/index.ts"],"sourcesContent":["import {\r\n  CalendarDate,\r\n  DateValue,\r\n  parseDate,\r\n  parseTime,\r\n  Time,\r\n} from \"@internationalized/date\";\r\n\r\nexport function createDate({\r\n  date,\r\n  // timezone,\r\n  offset,\r\n}: {\r\n  date: Date | undefined;\r\n  // timezone: string;\r\n  offset: number;\r\n}): CalendarDate | DateValue | undefined {\r\n  if (date)\r\n    return parseDate(\r\n      new Date(date.getTime() - offset).toJSON().split(\"T\").at(0) || \"\"\r\n    );\r\n  return undefined;\r\n}\r\n\r\nexport function createTime({\r\n  date,\r\n  offset,\r\n}: {\r\n  date: Date | undefined;\r\n  offset: number;\r\n}): Time {\r\n  if (date)\r\n    return parseTime(\r\n      new Date(date.getTime() - offset)\r\n        .toJSON()\r\n        .split(\"T\")\r\n        .at(1)\r\n        ?.replace(\"Z\", \"\") || \"\"\r\n    );\r\n\r\n  return parseTime(\"00:00\");\r\n}\r\n"],"mappings":"AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OAEK;AAEA,SAAS,WAAW;AAAA,EACzB;AAAA;AAAA,EAEA;AACF,GAIyC;AACvC,MAAI;AACF,WAAO;AAAA,MACL,IAAI,KAAK,KAAK,QAAQ,IAAI,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,EAAE,GAAG,CAAC,KAAK;AAAA,IACjE;AACF,SAAO;AACT;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGS;AACP,MAAI;AACF,WAAO;AAAA,MACL,IAAI,KAAK,KAAK,QAAQ,IAAI,MAAM,EAC7B,OAAO,EACP,MAAM,GAAG,EACT,GAAG,CAAC,GACH,QAAQ,KAAK,EAAE,KAAK;AAAA,IAC1B;AAEF,SAAO,UAAU,OAAO;AAC1B;","names":[]}

package/dist/custom/date-picker-old.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { format } from "date-fns";
+import { Calendar as CalendarIcon } from "lucide-react";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Calendar } from "@repo/ayasofyazilim-ui/components/calendar";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@repo/ayasofyazilim-ui/components/popover";
+import { forwardRef } from "react";
+const DatePicker = forwardRef(function DatePickerCmp({ date, setDate, disabled, className }, ref) {
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        disabled,
+        variant: "outline",
+        className: cn(
+          "w-full justify-start text-left font-normal",
+          !date && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          date ? format(date, "PPP") : /* @__PURE__ */ jsx("span", { children: "Pick a date" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", ref, children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected: date,
+        onSelect: setDate,
+        initialFocus: true
+      }
+    ) })
+  ] });
+});
+export {
+  DatePicker
+};
+//# sourceMappingURL=date-picker-old.js.map

package/dist/custom/date-picker-old.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/custom/date-picker-old.tsx"],"sourcesContent":["\"use client\";\r\nimport { format } from \"date-fns\";\r\nimport { Calendar as CalendarIcon } from \"lucide-react\";\r\n\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport { Calendar } from \"@repo/ayasofyazilim-ui/components/calendar\";\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/popover\";\r\nimport { forwardRef } from \"react\";\r\n\r\nexport const DatePicker = forwardRef<\r\n  HTMLDivElement,\r\n  {\r\n    date?: Date;\r\n    setDate: (date?: Date) => void;\r\n    disabled?: boolean;\r\n    className?: string;\r\n  }\r\n>(function DatePickerCmp({ date, setDate, disabled, className }, ref) {\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          disabled={disabled}\r\n          variant={\"outline\"}\r\n          className={cn(\r\n            \"w-full justify-start text-left font-normal\",\r\n            !date && \"text-muted-foreground\",\r\n            className\r\n          )}\r\n        >\r\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n          {date ? format(date, \"PPP\") : <span>Pick a date</span>}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" ref={ref}>\r\n        <Calendar\r\n          mode=\"single\"\r\n          selected={date}\r\n          onSelect={setDate}\r\n          initialFocus\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n});\r\n"],"mappings":";AA0BQ,SASE,KATF;AAzBR,SAAS,cAAc;AACvB,SAAS,YAAY,oBAAoB;AAEzC,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAEpB,MAAM,aAAa,WAQxB,SAAS,cAAc,EAAE,MAAM,SAAS,UAAU,UAAU,GAAG,KAAK;AACpE,SACE,qBAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,CAAC,QAAQ;AAAA,UACT;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,gBAAa,WAAU,gBAAe;AAAA,UACtC,OAAO,OAAO,MAAM,KAAK,IAAI,oBAAC,UAAK,yBAAW;AAAA;AAAA;AAAA,IACjD,GACF;AAAA,IACA,oBAAC,kBAAe,WAAU,cAAa,KACrC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU;AAAA,QACV,UAAU;AAAA,QACV,cAAY;AAAA;AAAA,IACd,GACF;AAAA,KACF;AAEJ,CAAC;","names":[]}