@ck-ui/component-library 1.0.13 → 1.0.14

package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts

@@ -1,6 +1,7 @@
 import { DateRange, DefinedRange } from 'mui-daterange-picker';
 import { ButtonSize } from '../../CKButton/_types/button.types';
-export type { DateRange, DefinedRange };
+import { DefinedRangesInput, DefinedRangeDateLike } from '../helper/util';
+export type { DateRange, DefinedRange, DefinedRangesInput, DefinedRangeDateLike };
 export interface DateRangePickerProps {
     /** Handler called when the date range changes */
     onChange: (range: DateRange) => void;
@@ -24,18 +25,10 @@ export interface DateRangePickerProps {
     disabled?: boolean;
     /** Shows error styling */
     error?: boolean;
-    /** Custom defined ranges shown in the sidebar. When provided, replaces the default ranges. */
-    definedRanges?: DefinedRange[];
+    definedRanges?: DefinedRangesInput;
     size?: ButtonSize;
     /** Horizontal alignment of the popup relative to the trigger button */
     popupAlign?: "left" | "right";
-    /**
-     * Date display format string. Tokens: DD, MM, MMM, MMMM, YYYY, YY.
-     * @default "MMM D, YYYY" (e.g. "Jan 1, 2025")
-     * @example "DD-MM-YYYY" → "01-01-2025"
-     * @example "MM/DD/YYYY" → "01/01/2025"
-     * @example "YYYY-MM-DD" → "2025-01-01"
-     */
     dateFormat?: string;
 }
 export interface RangeSidebarProps {
@@ -48,4 +41,10 @@ export type PickerPosition = {
     left?: number;
     right?: number;
 };
+export interface PanelMonths {
+    leftMonth: number;
+    leftYear: number;
+    rightMonth: number;
+    rightYear: number;
+}
 //# sourceMappingURL=dateRangePicker.types.d.ts.map

package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_types/dateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAErE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAExC,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"dateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/_types/dateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,iEAAiE;IACjE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE9B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/dist/components/DateRangePicker/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const MONTHS: string[];
+export declare const MONTH_MAP: Record<string, string>;
+export declare const MONTHS_SHORT: string[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/DateRangePicker/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../lib/components/DateRangePicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,UAahB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5C,CAAC;AAEF,eAAO,MAAM,YAAY,UAaxB,CAAC"}

package/dist/components/DateRangePicker/constants.js

@@ -0,0 +1,45 @@
+const e = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], r = {
+  Jan: "January",
+  Feb: "February",
+  Mar: "March",
+  Apr: "April",
+  May: "May",
+  Jun: "June",
+  Jul: "July",
+  Aug: "August",
+  Sep: "September",
+  Oct: "October",
+  Nov: "November",
+  Dec: "December"
+}, u = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+export {
+  e as MONTHS,
+  u as MONTHS_SHORT,
+  r as MONTH_MAP
+};

package/dist/components/DateRangePicker/helper/util.d.ts

@@ -1,26 +1,28 @@
-import { DefinedRange } from 'mui-daterange-picker';
-/**
- * Formats a date to "Jan 7, 2026" format
- * @param date - Date object, timestamp (number), or date string
- * @returns Formatted date string like "Jan 7, 2026" or empty string if invalid
- */
+import { DefinedRange, DateRange } from 'mui-daterange-picker';
 export declare const formatToMonthDayYear: (date?: Date | number | string) => string;
-/**
- * Normalizes a date value to a Date object for MUI DateRangePicker
- * Strips time component to local midnight to avoid timezone/time mismatch issues.
- * @param date - Date object, timestamp (number), or date string
- * @returns Date object or undefined if invalid
- */
 export declare const normalizeDateForMUI: (date?: Date | number | string) => Date | undefined;
-/**
- * Computes a sensible end date for the custom range sidebar
- * based on the picker's min/max boundaries.
- */
 export declare const customEndDateHandler: (minDate?: Date | string, maxDate?: Date | string) => Date;
-/**
- * Builds the default set of quick-select ranges shown in the sidebar.
- * All sidebar filters end at today's date, not maxDate.
- * Only "Custom" allows selection within the full min/max range.
- */
-export declare const getDefaultDefinedRanges: (_maxDate?: Date | string) => DefinedRange[];
+export declare const getDefaultDefinedRanges: () => DefinedRange[];
+export type DefinedRangeDateLike = Date | string | number | {
+    toDate: () => Date;
+};
+export type DefinedRangesInput = DefinedRange[] | Record<string, [
+    DefinedRangeDateLike,
+    DefinedRangeDateLike
+] | "" | null | undefined>;
+export declare const normalizeDefinedRanges: (input?: DefinedRangesInput) => DefinedRange[] | undefined;
+export declare const isSameDay: (a: Date, b: Date) => boolean;
+export declare const getEffectiveEnd: (maxDate?: Date) => Date;
+export declare const getPresetStartDate: (label: string, effectiveEnd: Date) => Date | null;
+export declare const detectMatchingPreset: (range: DateRange, normalizedMinDate?: Date, normalizedMaxDate?: Date) => string | null;
+export declare const clampDefinedRange: (definedRange: DefinedRange, normalizedMinDate?: Date, normalizedMaxDate?: Date) => {
+    startDate: Date;
+    endDate: Date;
+};
+export declare const detectMatchingDefinedRange: (range: DateRange, definedRanges: DefinedRange[], normalizedMinDate?: Date, normalizedMaxDate?: Date) => string | null;
+export declare const formatWithPattern: (date: Date, dateFormat: string) => string;
+export declare const getListboxPanelSide: (listbox: Element) => "left" | "right" | null;
+export declare const enforceDateLimits: (normalizedMinDate?: Date, normalizedMaxDate?: Date, normalizedStartDate?: Date) => void;
+export declare const navigateToYear: (side: "left" | "right", targetYear: number) => Promise<void>;
+export declare const ensureSingleMonthLayout: (_minDate: Date, maxDate: Date) => Promise<void>;
 //# sourceMappingURL=util.d.ts.map

package/dist/components/DateRangePicker/helper/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/helper/util.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAWzD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAAG,MA+BpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAAG,IAAI,GAAG,SAuB1E,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,IAAI,GAAG,MAAM,EACvB,UAAU,IAAI,GAAG,MAAM,KACtB,IA4BF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,WAAW,IAAI,GAAG,MAAM,KACvB,YAAY,EAYd,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/helper/util.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAapE,eAAO,MAAM,oBAAoB,GAAI,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAAG,MAepE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,IAAI,GAAG,MAAM,GAAG,MAAM,KAC5B,IAAI,GAAG,SAST,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,UAAU,IAAI,GAAG,MAAM,EACvB,UAAU,IAAI,GAAG,MAAM,KACtB,IAoBF,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,YAAY,EAuCtD,CAAC;AAQF,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,MAAM,GACN,MAAM,GACN;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE3B,MAAM,MAAM,kBAAkB,GAC1B,YAAY,EAAE,GACd,MAAM,CACJ,MAAM,EACN;IAAC,oBAAoB;IAAE,oBAAoB;CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,CACrE,CAAC;AAiBN,eAAO,MAAM,sBAAsB,GACjC,QAAQ,kBAAkB,KACzB,YAAY,EAAE,GAAG,SAcnB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,GAAG,IAAI,EAAE,GAAG,IAAI,KAAG,OAGhB,CAAC;AAE9B,eAAO,MAAM,eAAe,GAAI,UAAU,IAAI,KAAG,IAKhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,MAAM,EACb,cAAc,IAAI,KACjB,IAAI,GAAG,IAiCT,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,SAAS,EAChB,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,KACvB,MAAM,GAAG,IAuBX,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,cAAc,YAAY,EAC1B,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,KACvB;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAQlC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,OAAO,SAAS,EAChB,eAAe,YAAY,EAAE,EAC7B,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,KACvB,MAAM,GAAG,IAaX,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,IAAI,EAAE,YAAY,MAAM,KAAG,MAYlE,CAAC;AAsEF,eAAO,MAAM,mBAAmB,GAAI,SAAS,OAAO,KAAG,MAAM,GAAG,OAAO,GAAG,IAUzE,CAAC;AAoKF,eAAO,MAAM,iBAAiB,GAC5B,oBAAoB,IAAI,EACxB,oBAAoB,IAAI,EACxB,sBAAsB,IAAI,KACzB,IAiBF,CAAC;AAoCF,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,GAAG,OAAO,EACtB,YAAY,MAAM,KACjB,OAAO,CAAC,IAAI,CA4Cd,CAAC;AAiCF,eAAO,MAAM,uBAAuB,GAClC,UAAU,IAAI,EACd,SAAS,IAAI,KACZ,OAAO,CAAC,IAAI,CA6Cd,CAAC"}

package/dist/components/DateRangePicker/helper/util.js

@@ -1,54 +1,361 @@
-const i = (t) => new Date(t.getFullYear(), t.getMonth(), 1), D = (t) => new Date(t.getFullYear(), t.getMonth() + 1, 0), u = (t, e) => new Date(t.getFullYear(), t.getMonth(), t.getDate() + e), f = (t) => {
+import { MONTHS as q, MONTHS_SHORT as R } from "../constants.js";
+const B = (t) => new Date(t.getFullYear(), t.getMonth(), 1), F = (t) => new Date(t.getFullYear(), t.getMonth() + 1, 0), k = (t, e) => new Date(t.getFullYear(), t.getMonth(), t.getDate() + e), Z = (t) => {
   if (!t) return "";
   let e;
-  if (t instanceof Date)
-    e = t;
-  else if (typeof t == "number")
-    e = new Date(t);
+  if (t instanceof Date) e = t;
+  else if (typeof t == "number") e = new Date(t);
   else if (typeof t == "string") {
-    if (/^[A-Z][a-z]{2}\s+\d{1,2},\s+\d{4}$/.test(t))
-      return t;
+    if (/^[A-Z][a-z]{2}\s+\d{1,2},\s+\d{4}$/.test(t)) return t;
     e = new Date(t);
-  } else
-    return "";
+  } else return "";
   return isNaN(e.getTime()) ? "" : e.toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
   });
-}, h = (t) => {
+}, $ = (t) => {
   if (!t) return;
   let e;
-  if (t instanceof Date)
-    e = t;
-  else if (typeof t == "number")
-    e = new Date(t);
-  else if (typeof t == "string")
-    e = new Date(t);
-  else
-    return;
+  if (t instanceof Date) e = t;
+  else if (typeof t == "number") e = new Date(t);
+  else if (typeof t == "string") e = new Date(t);
+  else return;
   if (!isNaN(e.getTime()))
     return new Date(e.getFullYear(), e.getMonth(), e.getDate());
-}, M = (t, e) => {
-  const a = t ? new Date(t) : /* @__PURE__ */ new Date(), n = e ? new Date(e) : /* @__PURE__ */ new Date(), o = Math.floor(
-    (n.getTime() - a.getTime()) / (1e3 * 60 * 60 * 24)
-  ), s = a.getMonth() === n.getMonth() && a.getFullYear() === n.getFullYear(), l = /* @__PURE__ */ new Date(), r = new Date(l.getFullYear(), l.getMonth() - 1, 1), g = n.getMonth() === r.getMonth() && n.getFullYear() === r.getFullYear();
-  return o < 31 ? o < 2 || s ? n : D(a) : g ? n : D(r);
-}, c = (t) => {
-  const e = /* @__PURE__ */ new Date();
+}, E = (t, e) => {
+  const o = t ? new Date(t) : /* @__PURE__ */ new Date(), n = e ? new Date(e) : /* @__PURE__ */ new Date(), r = Math.floor(
+    (n.getTime() - o.getTime()) / (1e3 * 60 * 60 * 24)
+  ), i = o.getMonth() === n.getMonth() && o.getFullYear() === n.getFullYear(), a = /* @__PURE__ */ new Date(), l = new Date(a.getFullYear(), a.getMonth() - 1, 1), s = n.getMonth() === l.getMonth() && n.getFullYear() === l.getFullYear();
+  return r < 31 ? r < 2 || i ? n : F(o) : s ? n : F(l);
+}, J = () => {
+  const t = /* @__PURE__ */ new Date();
   return [
-    { label: "Custom", startDate: e, endDate: e },
-    { label: "7 Days", startDate: u(e, -6), endDate: e },
-    { label: "3 Months", startDate: new Date(e.getFullYear(), e.getMonth() - 3, e.getDate()), endDate: e },
-    { label: "6 Months", startDate: new Date(e.getFullYear(), e.getMonth() - 6, e.getDate()), endDate: e },
-    { label: "1 Year", startDate: new Date(e.getFullYear() - 1, e.getMonth(), e.getDate()), endDate: e },
-    { label: "Month to Date", startDate: i(e), endDate: e },
-    { label: "Year to Date", startDate: new Date(e.getFullYear(), 0, 1), endDate: e }
+    { label: "Custom", startDate: t, endDate: t },
+    { label: "7 Days", startDate: k(t, -6), endDate: t },
+    {
+      label: "3 Months",
+      startDate: new Date(
+        t.getFullYear(),
+        t.getMonth() - 3,
+        t.getDate()
+      ),
+      endDate: t
+    },
+    {
+      label: "6 Months",
+      startDate: new Date(
+        t.getFullYear(),
+        t.getMonth() - 6,
+        t.getDate()
+      ),
+      endDate: t
+    },
+    {
+      label: "1 Year",
+      startDate: new Date(
+        t.getFullYear() - 1,
+        t.getMonth(),
+        t.getDate()
+      ),
+      endDate: t
+    },
+    { label: "Month to Date", startDate: B(t), endDate: t },
+    {
+      label: "Year to Date",
+      startDate: new Date(t.getFullYear(), 0, 1),
+      endDate: t
+    }
   ];
+}, P = (t) => {
+  if (t == null || t === "") return;
+  if (t instanceof Date)
+    return isNaN(t.getTime()) ? void 0 : t;
+  if (typeof t == "object" && typeof t.toDate == "function") {
+    const o = t.toDate();
+    return o instanceof Date && !isNaN(o.getTime()) ? o : void 0;
+  }
+  const e = new Date(t);
+  return isNaN(e.getTime()) ? void 0 : e;
+}, K = (t) => {
+  if (!t) return;
+  if (Array.isArray(t)) return t;
+  const e = [];
+  return Object.entries(t).forEach(([o, n]) => {
+    if (!Array.isArray(n)) return;
+    const r = P(n[0]), i = P(n[1]);
+    r && i && e.push({ label: o, startDate: r, endDate: i });
+  }), e.length ? e : void 0;
+}, m = (t, e) => t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate(), x = (t) => {
+  const e = /* @__PURE__ */ new Date();
+  return t && t.getTime() < e.getTime() ? new Date(t) : new Date(e);
+}, _ = (t, e) => {
+  switch (t) {
+    case "7 Days":
+      return new Date(
+        e.getFullYear(),
+        e.getMonth(),
+        e.getDate() - 6
+      );
+    case "3 Months":
+      return new Date(
+        e.getFullYear(),
+        e.getMonth() - 3,
+        e.getDate()
+      );
+    case "6 Months":
+      return new Date(
+        e.getFullYear(),
+        e.getMonth() - 6,
+        e.getDate()
+      );
+    case "1 Year":
+      return new Date(
+        e.getFullYear() - 1,
+        e.getMonth(),
+        e.getDate()
+      );
+    case "Month to Date":
+      return new Date(e.getFullYear(), e.getMonth(), 1);
+    case "Year to Date":
+      return new Date(e.getFullYear(), 0, 1);
+    default:
+      return null;
+  }
+}, Q = (t, e, o) => {
+  if (!t.startDate || !t.endDate) return null;
+  const n = x(o), r = [
+    "7 Days",
+    "3 Months",
+    "6 Months",
+    "1 Year",
+    "Month to Date",
+    "Year to Date"
+  ];
+  for (const i of r) {
+    let a = _(i, n);
+    if (a && (e && a.getTime() < e.getTime() && (a = new Date(e)), m(t.startDate, a) && m(t.endDate, n)))
+      return i;
+  }
+  return null;
+}, O = (t, e, o) => {
+  let n = new Date(t.startDate), r = new Date(t.endDate);
+  return e && n.getTime() < e.getTime() && (n = new Date(e)), o && r.getTime() > o.getTime() && (r = new Date(o)), { startDate: n, endDate: r };
+}, z = (t, e, o, n) => {
+  if (!t.startDate || !t.endDate) return null;
+  for (const r of e) {
+    if (r.label === "Custom") continue;
+    const { startDate: i, endDate: a } = O(
+      r,
+      o,
+      n
+    );
+    if (m(t.startDate, i) && m(t.endDate, a))
+      return r.label;
+  }
+  return null;
+}, tt = (t, e) => {
+  const o = t.getDate(), n = t.getMonth(), r = t.getFullYear();
+  return e.replace("DD", String(o).padStart(2, "0")).replace("D", String(o)).replace("MMMM", q[n]).replace("MMM", R[n]).replace("MM", String(n + 1).padStart(2, "0")).replace("YYYY", String(r)).replace("YY", String(r).slice(-2));
+}, y = (t) => {
+  const e = t.toLowerCase().trim();
+  if (!e) return -1;
+  for (let o = 0; o < 12; o++) {
+    const n = q[o].toLowerCase(), r = R[o].toLowerCase();
+    if (e === n || e === r || e.startsWith(r) || n.startsWith(e))
+      return o;
+  }
+  return -1;
+}, I = (t) => {
+  const e = t.querySelector("li.Mui-selected"), o = y(
+    e?.textContent?.trim() ?? ""
+  ), n = Array.from(
+    document.querySelectorAll('.MuiSelect-select[role="combobox"]')
+  ).filter((r) => r.getBoundingClientRect().width > 0);
+  for (let r = 0; r < n.length; r += 2)
+    if (o !== -1 && y(n[r]?.textContent?.trim() ?? "") === o) {
+      const i = Number(n[r + 1]?.textContent?.trim());
+      if (!isNaN(i)) return i;
+    }
+  for (let r = 0; r < n.length; r += 2) {
+    const i = n[r];
+    if ((i.getAttribute("aria-expanded") === "true" || i.closest(".MuiInputBase-root")?.querySelector('[aria-expanded="true"]')) && y(i.textContent?.trim() ?? "") !== -1) {
+      const l = Number(n[r + 1]?.textContent?.trim());
+      if (!isNaN(l)) return l;
+    }
+  }
+  return null;
+}, L = (t, e) => {
+  t.style.setProperty("display", "", "important"), t.style.opacity = e ? "0.4" : "", t.style.pointerEvents = e ? "none" : "", t.style.cursor = e ? "not-allowed" : "", e ? t.setAttribute("aria-disabled", "true") : t.removeAttribute("aria-disabled");
+}, G = (t, e) => {
+  t.style.setProperty("display", e ? "none" : "", "important"), e ? t.setAttribute("aria-hidden", "true") : t.removeAttribute("aria-hidden");
+}, V = (t) => {
+  const e = document.querySelector(".ckds-date-range-picker__calendar") || document.querySelector(".MuiPaper-elevation5");
+  if (!e) return null;
+  const o = e.getBoundingClientRect(), n = o.left + o.width / 2, r = t.getBoundingClientRect();
+  return r.left + r.width / 2 < n ? "left" : "right";
+}, j = (t, e, o, n, r, i) => e < n || e > i ? !0 : e === n && e === i ? t < o || t > r : e === n ? t < o : e === i ? t > r : !1;
+function H(t, e, o, n, r, i) {
+  document.querySelectorAll('ul[role="listbox"]').forEach((a) => {
+    const l = a.querySelectorAll('li[role="option"]');
+    if (!l.length) return;
+    const s = a.closest(
+      ".MuiMenu-paper, .MuiPaper-root"
+    );
+    if (!s || !s.getBoundingClientRect().width) return;
+    const g = l[0].getAttribute("data-value") ?? "", f = l[l.length - 1].getAttribute("data-value") ?? "", d = l.length === 12 && g === "0" && f === "11", c = !d && Number(g) > 1900 && Number(f) > 1900, Y = V(a);
+    let h = e, D = t;
+    if (Y === "right" && i !== void 0 && (i > e ? (h = i, D = r ?? 0) : i === e && (D = Math.max(t, r ?? t)), r === 11 && (h = (i ?? e) + 1, D = 0)), c)
+      l.forEach((u) => {
+        const M = Number(u.getAttribute("data-value"));
+        isNaN(M) || G(
+          u,
+          M < h || M > n
+        );
+      });
+    else if (d) {
+      let u = I(s);
+      u === null && h === n && (u = h), l.forEach((M) => {
+        const b = Number(
+          M.getAttribute("data-value")
+        );
+        if (isNaN(b) || b < 0 || b > 11) return;
+        const T = u !== null && j(
+          b,
+          u,
+          D,
+          h,
+          o,
+          n
+        );
+        L(M, T);
+      });
+    }
+  });
+}
+function S(t) {
+  const e = [];
+  return t.querySelectorAll(".MuiGrid-root > .MuiGrid-root").forEach((o) => {
+    o.querySelectorAll(
+      ":scope > button.MuiIconButton-root, :scope > .MuiGrid-root > button.MuiIconButton-root"
+    ).forEach((n) => {
+      const r = n.getBoundingClientRect();
+      r.width > 0 && r.width < 50 && e.push(n);
+    });
+  }), [...new Set(e)].sort(
+    (o, n) => o.getBoundingClientRect().left - n.getBoundingClientRect().left
+  );
+}
+function U(t, e, o, n) {
+  const r = document.querySelector(".ckds-date-range-picker__calendar") || document.querySelector(".MuiPaper-elevation5");
+  if (!r) return;
+  const i = Array.from(
+    r.querySelectorAll('.MuiSelect-select[role="combobox"]')
+  ).filter((u) => u.getBoundingClientRect().width > 0).map((u) => u.textContent?.trim() ?? "");
+  if (i.length < 4) return;
+  const a = y(i[0]), l = Number(i[1]), s = y(i[2]), g = Number(i[3]), f = l < e || l === e && a <= t, d = g > n || g === n && s >= o, c = S(r), Y = a === 11 ? 0 : a + 1, h = a === 11 ? l + 1 : l, D = Y === s && h === g;
+  c.length >= 4 ? (c[0].style.visibility = f ? "hidden" : "visible", c[1].style.visibility = D ? "hidden" : "visible", c[2].style.visibility = D ? "hidden" : "visible", c[3].style.visibility = d ? "hidden" : "visible") : c.length >= 2 && (c[0].style.visibility = f ? "hidden" : "visible", c[c.length - 1].style.visibility = d ? "hidden" : "visible");
+}
+const et = (t, e, o) => {
+  if (!t || !e) return;
+  const n = t.getMonth(), r = t.getFullYear(), i = e.getMonth(), a = e.getFullYear(), l = o?.getMonth(), s = o?.getFullYear();
+  H(
+    n,
+    r,
+    i,
+    a,
+    l,
+    s
+  ), U(n, r, i, a);
+}, w = () => {
+  const t = document.querySelector(".ckds-date-range-picker__calendar") || document.querySelector(".MuiPaper-elevation5");
+  if (!t) return null;
+  const e = Array.from(
+    t.querySelectorAll('.MuiSelect-select[role="combobox"]')
+  ).filter((r) => r.getBoundingClientRect().width > 0).map((r) => r.textContent?.trim() ?? "");
+  if (e.length < 4) return null;
+  const o = Number(e[1]), n = Number(e[3]);
+  return isNaN(o) || isNaN(n) ? null : {
+    leftMonth: y(e[0]),
+    leftYear: o,
+    rightMonth: y(e[2]),
+    rightYear: n
+  };
+}, N = (t) => !t || t.disabled || t.classList.contains("Mui-disabled") || t.getAttribute("aria-disabled") === "true", A = () => new Promise((t) => requestAnimationFrame(() => t())), nt = async (t, e) => {
+  for (let o = 0; o < 60; o += 1) {
+    const n = w();
+    if (!n) return;
+    const r = t === "left" ? n.leftYear : n.rightYear;
+    if (r === e) return;
+    const i = e > r, a = document.querySelector(".ckds-date-range-picker__calendar") || document.querySelector(".MuiPaper-elevation5");
+    if (!a) return;
+    const [l, s, g, f] = S(a), d = t === "left" ? i ? s : l : i ? f : g;
+    if (!N(d))
+      d.click();
+    else {
+      const c = t === "left" ? i ? f : g : i ? s : l;
+      if (N(c)) return;
+      c.click();
+    }
+    await A();
+  }
+}, v = (t, e) => {
+  const n = Array.from(
+    t.querySelectorAll(".MuiPaper-elevation0")
+  ).filter((r) => r.querySelector('[role="combobox"]'))[0]?.parentElement;
+  n && (n.style.visibility = e ? "" : "hidden");
+}, W = async (t) => {
+  let e = S(t);
+  const o = e[0];
+  if (!o || N(o)) return;
+  o.click(), await A(), e = S(t);
+  const n = e[2];
+  n && !N(n) && (n.click(), await A());
+};
+let p = 0;
+const C = (t) => t.rightYear * 12 + t.rightMonth, rt = async (t, e) => {
+  const o = e.getFullYear() * 12 + e.getMonth(), n = p += 1, r = document.querySelector(".ckds-date-range-picker__calendar") || document.querySelector(".MuiPaper-elevation5");
+  if (!r) return;
+  const i = w();
+  if (i && C(i) <= o) {
+    v(r, !0);
+    return;
+  }
+  v(r, !1);
+  try {
+    let a = i;
+    for (let l = 0; l < 15 && !a; l += 1) {
+      if (await A(), n !== p) return;
+      a = w();
+    }
+    if (!a) return;
+    for (let l = 0; l < 24; l += 1) {
+      if (n !== p) return;
+      const s = w();
+      if (!s || C(s) <= o) break;
+      await W(r);
+    }
+  } finally {
+    if (n === p) {
+      const a = document.querySelector(".ckds-date-range-picker__calendar") || document.querySelector(".MuiPaper-elevation5");
+      a && v(a, !0);
+    }
+  }
 };
 export {
-  M as customEndDateHandler,
-  f as formatToMonthDayYear,
-  c as getDefaultDefinedRanges,
-  h as normalizeDateForMUI
+  O as clampDefinedRange,
+  E as customEndDateHandler,
+  z as detectMatchingDefinedRange,
+  Q as detectMatchingPreset,
+  et as enforceDateLimits,
+  rt as ensureSingleMonthLayout,
+  Z as formatToMonthDayYear,
+  tt as formatWithPattern,
+  J as getDefaultDefinedRanges,
+  x as getEffectiveEnd,
+  V as getListboxPanelSide,
+  _ as getPresetStartDate,
+  m as isSameDay,
+  nt as navigateToYear,
+  $ as normalizeDateForMUI,
+  K as normalizeDefinedRanges
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/DateRangePicker-BKND6jiD.css

@@ -1 +0,0 @@
-@charset "UTF-8";._ckds-date-range-picker_wsjpa_2{--ckds-calendar-box-shadow: -20px 31.95px 42.61px -31.95px #18274B26;position:relative;display:inline-block;padding:9px var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker_wsjpa_2 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-date-range-picker_wsjpa_2>button{border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker_wsjpa_2>button>span>svg{width:16px;height:16px;margin-top:-1px}._ckds-date-range-picker_wsjpa_2>button>span>svg path{stroke:var(--ckcl-black-500, #2B2B2B)}._ckds-date-range-picker_wsjpa_2>button>span>span{font-size:var(--ckcl-fs-sm, 14px)}._ckds-date-range-picker_wsjpa_2>button>span:last-child{margin-left:var(--ckcl-spacing-lg, 24px);width:10px;height:5px;margin-top:-6px}._ckds-date-range-picker_wsjpa_2>button>span:last-child svg path{stroke:var(--ckcl-black-400, #737373)}._ckds-date-range-picker__body_wsjpa_36{display:flex;flex:1;min-height:0;overflow:hidden}._ckds-date-range-picker__sidebar_wsjpa_44{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);padding:var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1);width:173px;background:var(--ckcl-toast-info, #FAFCFF);overflow-y:auto}._ckds-date-range-picker__sidebar-item_wsjpa_55{all:unset;cursor:pointer;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);padding:var(--ckcl-spacing-sm, 8px) 18px;color:#000;white-space:nowrap;text-align:center;transition:border-color .15s,color .15s,background-color .15s;background-color:transparent;border-radius:var(--ckds-border-radius-md, 8px)}._ckds-date-range-picker__sidebar-item_wsjpa_55:hover{color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);background-color:transparent}._ckds-date-range-picker__sidebar-item--active_wsjpa_76{background-color:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-primary-300, #81AFF0);border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-medium, 500);box-shadow:var(--shadow-shade-004);color:var(--ckcl-primary-600, #3060C1)}._ckds-date-range-picker__calendar_wsjpa_85{position:relative;width:820px;border-radius:16px;background-color:var(--ckcl-white, #FFFFFF);overflow:hidden;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);box-shadow:var(--ckds-calendar-box-shadow, -20px 31.95px 42.61px -31.95px rgba(24, 39, 75, .1490196078));display:flex;flex-direction:column;isolation:isolate}._ckds-date-range-picker__calendar_wsjpa_85 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif!important;box-sizing:border-box}._ckds-date-range-picker__calendar_wsjpa_85 .MuiFormControl-root{min-width:unset!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiBox-root{margin:unset!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiInputBase-root .MuiSelect-select{padding:unset!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation5 .MuiGrid-root .MuiGrid-root:last-child .MuiGrid-root:last-child .MuiPaper-root.MuiPaper-elevation{min-width:unset!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-root{margin-bottom:0!important;border-radius:0!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiButton-root,._ckds-date-range-picker__calendar_wsjpa_85 .MuiButtonBase-root{font-size:inherit!important;text-transform:none!important;box-shadow:none!important;white-space:normal}._ckds-date-range-picker__calendar_wsjpa_85 .MuiIconButton-root{border-radius:50%}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0 .MuiBox-root{margin:var(--ckcl-spacing-xs, 4px) 0;min-width:0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-row .MuiBox-root{min-width:0;margin:var(--ckcl-spacing-xs, 4px) 0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiBox-root .MuiIconButton-root{border-radius:0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiBox-root .MuiIconButton-root .MuiTypography-body2{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 auto;border-radius:50%}._ckds-date-range-picker__calendar_wsjpa_85 .MuiBox-root[style*=background-color]{background-color:#eef4ff!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiIconButton-root.Mui-disabled .MuiTypography-body2{color:var(--color-base-500)!important;font-size:var(--ckcl-fs-2xs, 11px)!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0 .MuiIconButton-root:not(.Mui-disabled) .MuiTypography-body2{color:#000;font-size:var(--ckcl-fs-2xs, 11px)!important;margin-top:1px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child{justify-content:space-between;width:100%}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child{padding:0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root{height:28px;width:28px;border-radius:var(--ckds-border-radius-md, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root .MuiTouchRipple-root,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root .MuiTouchRipple-root{display:none}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root:hover,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root:hover{border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-primary-500, #3A72E4)}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root .MuiSvgIcon-root,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root .MuiSvgIcon-root{display:none}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root:after,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root:after{content:"";display:block;width:6px;height:10px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M3.86738%207.37473L0.379883%203.87729L3.86738%200.379883'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M3.86738%207.37473L0.379883%203.87729L3.86738%200.379883'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:last-child>button.MuiButtonBase-root:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M0.380176%200.380155L3.86768%203.87759L0.380176%207.375'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M0.380176%200.380155L3.86768%203.87759L0.380176%207.375'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2),._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3){flex:0 0 auto;margin-top:6px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) div,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) div{font-size:var(--ckcl-fs-2xs, 11px)}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) div.MuiInputBase-root:before,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) div.MuiInputBase-root:after,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) div.MuiInputBase-root:before,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) div.MuiInputBase-root:after{border:none}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) .MuiSelect-select,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) .MuiSelect-select{padding-right:var(--ckcl-spacing-slg, 20px)!important;cursor:pointer}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) .MuiInputBase-root,._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) .MuiInputBase-root{cursor:pointer}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2){margin-top:2px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(3){margin-left:-40px;margin-top:2px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(2){width:100%;padding:var(--ckcl-spacing-xs, 4px) 0px;margin-top:var(--ckcl-spacing-md, 16px);display:flex;justify-content:space-between;margin-left:var(--ckcl-spacing-2xs, 2px);margin-right:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(2)>span.MuiTypography-caption{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-regular, 400);font-size:var(--ckcl-fs-2xs, 11px)!important;line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;display:inline-block}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3){width:100%;padding:0;gap:0;margin-bottom:0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3)>.MuiGrid-direction-xs-row{gap:0;margin-bottom:9px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3)>.MuiGrid-direction-xs-row>.MuiBox-root{min-width:0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3)>.MuiGrid-direction-xs-row>.MuiBox-root button.MuiButtonBase-root{height:22px!important;width:22px!important;border-radius:50%;display:grid;place-content:center}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row{display:flex;gap:0;width:274px!important}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:last-child{box-sizing:border-box;border-radius:0 49% 49% 0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row>.MuiBox-root:nth-child(-n+6){width:42px!important;box-sizing:border-box}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:first-child{width:24px!important;padding-right:5px;box-sizing:border-box;border-radius:49% 0 0 49%}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(2){width:56px!important;display:flex;justify-content:center;padding-right:5px;padding-left:5px;box-sizing:border-box}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(3)>button,._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(4)>button,._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(5)>button,._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(6)>button{width:40px!important;display:flex;box-sizing:border-box;margin-left:6px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row>.MuiBox-root:nth-child(7){flex:1 1 auto!important;max-width:none!important;min-width:0}._ckds-date-range-picker__calendar_wsjpa_85 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(7)>button{width:40px!important;display:flex;box-sizing:border-box;margin-left:3px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiSelect-icon{color:transparent;width:10px!important;height:10px!important;top:calc(50% - 6px)!important;background-color:var(--ckcl-black-500, #2B2B2B);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5'%20viewBox='0%200%208%205'%20fill='none'%3e%3cpath%20d='M0.380156%200.380175L3.87759%203.86768L7.375%200.380176'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5'%20viewBox='0%200%208%205'%20fill='none'%3e%3cpath%20d='M0.380156%200.380175L3.87759%203.86768L7.375%200.380176'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}._ckds-date-range-picker__calendar_wsjpa_85 .MuiSelect-icon path{display:none}._ckds-date-range-picker__calendar_wsjpa_85 .MuiSelect-iconOpen{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5'%20viewBox='0%200%208%205'%20fill='none'%3e%3cpath%20d='M0.380155%203.86738L3.87759%200.379883L7.375%203.86738'%20stroke='%232b2b2b%20'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5'%20viewBox='0%200%208%205'%20fill='none'%3e%3cpath%20d='M0.380155%203.86738L3.87759%200.379883L7.375%203.86738'%20stroke='%232b2b2b%20'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");transform:none}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPopover-root.MuiMenu-root{position:absolute!important;top:30px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded{position:absolute!important;overflow-y:auto!important;top:5px!important;left:-4px!important;max-height:240px;min-width:fit-content!important;border-radius:var(--ckds-border-radius-lg, 12px);box-shadow:0 4px 16px #0000001a;scrollbar-width:thin;scrollbar-color:var(--color-base-500) transparent;padding:var(--ckcl-spacing-sm, 8px);transform:translate(-34px,-13px)!important;border:var(--ckds-border-width-sm, 1px) var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded::-webkit-scrollbar{width:var(--ckcl-spacing-xs, 4px);height:26px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded::-webkit-scrollbar-track{background:transparent}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded::-webkit-scrollbar-thumb{background-color:var(--color-base-500);border-radius:100px;min-height:26px}._ckds-date-range-picker__calendar_wsjpa_85 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-direction-xs-row>.MuiBox-root{padding:0!important}._ckds-date-range-picker__main_wsjpa_382{flex:1;min-width:0;overflow:hidden}._ckds-date-range-picker__main_wsjpa_382>.MuiBox-root>.MuiBox-root:first-child:empty{display:none;pointer-events:none}._ckds-date-range-picker__main_wsjpa_382 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:first-child>.MuiList-root{display:none}._ckds-date-range-picker__main_wsjpa_382 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-root:first-child{display:none}._ckds-date-range-picker__main_wsjpa_382 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-root:last-child>.MuiPaper-root.MuiPaper-elevation{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px);width:318px;flex:1}._ckds-date-range-picker__main_wsjpa_382 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-root:last-child>.MuiPaper-root.MuiPaper-elevation:first-child{border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1)}._ckds-date-range-picker__main_wsjpa_382 .MuiPaper-elevation0.MuiPaper-square{width:318px;flex:1}._ckds-date-range-picker__main_wsjpa_382 .MuiPaper-elevation0.MuiPaper-square>.MuiGrid-root{border:solid var(--ckds-border-width-sm, 1px) var(--color-base-1000);border-radius:var(--ckds-border-radius-xs, 4px);height:100%}._ckds-date-range-picker__main_wsjpa_382 .MuiPaper-elevation0.MuiPaper-square>.MuiGrid-root *{font-size:var(--ckcl-fs-xs, 12px)!important}._ckds-date-range-picker__footer_wsjpa_419{display:flex;align-items:end;justify-content:space-between;gap:var(--ckcl-spacing-ms, 12px);padding:var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-top:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-inputs_wsjpa_428{display:flex;align-items:end;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-field_wsjpa_434{display:flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-label_wsjpa_440{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);letter-spacing:0%}._ckds-date-range-picker__required-asterisk_wsjpa_448{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-2xs, 11px);line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;vertical-align:top;color:var(--ckcl-red-500, #E52323);margin-left:var(--ckcl-spacing-2xs, 2px)}._ckds-date-range-picker__date-tag_wsjpa_459{width:160px!important;height:40px!important;border-radius:var(--ckds-border-radius-md, 8px);border-width:var(--ckds-border-width-sm, 1px);font-size:var(--ckcl-fs-sm, 14px)!important;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;gap:var(--ckcl-spacing-xs, 4px);font-weight:100;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-date-range-picker__date-arrow_wsjpa_472{align-self:center;margin-top:34px}._ckds-date-range-picker__reset-btn_wsjpa_477{min-width:unset}._ckds-date-range-picker__actions_wsjpa_481{display:flex;gap:var(--ckcl-spacing-sm, 8px);align-items:center}