@govtechsg/sgds-web-component 3.23.0 → 3.24.0-rc.0

package/react/utils/time.js

@@ -1,5 +1,5 @@
 'use client';
-import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from 'date-fns';
+import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from './date-helpers.js';
 
 const DATE_PATTERNS = {
     "DD/MM/YYYY": {

package/react/utils/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sources":["../../../src/utils/time.ts"],"sourcesContent":["import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from \"date-fns\";\n\nexport const DATE_PATTERNS = {\n  \"DD/MM/YYYY\": {\n    imPattern: \"`dd{/}`mm{/}`yyyy\",\n    imRangePattern: \"`dd{/}`mm{/}`yyyy - `DD{/}`MM{/}`YYYY\",\n    fnsPattern: \"dd/MM/yyyy\"\n  },\n  \"MM/DD/YYYY\": {\n    imPattern: \"`mm{/}`dd{/}`yyyy\",\n    imRangePattern: \"`mm{/}`dd{/}`yyyy - `MM{/}`DD{/}`YYYY\",\n    fnsPattern: \"MM/dd/yyyy\"\n  },\n  \"YYYY/MM/DD\": {\n    imPattern: \"`yyyy{/}`mm{/}`dd\",\n    imRangePattern: \"`yyyy{/}`mm{/}`dd - `YYYY{/}`MM{/}`DD\",\n    fnsPattern: \"yyyy/MM/dd\"\n  }\n};\n\n/**\n * @description - creates calendar's year view years array with context of\n * datepicker's displayDate and current year\n * Fixes current year to the start of array\n */\nexport const createYearViewArray = (displayDate: Date, currentYear: number) => {\n  // keeping the year range position to be always fixed by setting current year to the first element of the calendar\n  const displayYear = displayDate.getFullYear();\n  const remainder = (displayYear - currentYear) % 12;\n  const yearsPosition = remainder < 0 ? 12 + remainder : remainder;\n\n  const yearArray = [];\n  const startLimit = displayYear - yearsPosition;\n  const endLimit = displayYear - yearsPosition + 12 - 1; // -1 to match the index of the years (index starts from 0)\n\n  for (let i = startLimit; i < endLimit + 1; i++) {\n    yearArray.push(i);\n  }\n\n  return yearArray;\n};\nexport const sanitizedNextMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const nextMonthDate = new Date(year, month + 1);\n  const numberOfDaysNextMonth = getDaysInMonth(nextMonthDate);\n\n  if (isLastDayOfMonth(d) && numberOfDaysNextMonth < date) {\n    return lastDayOfMonth(nextMonthDate);\n  } else {\n    return new Date(year, month + 1, date);\n  }\n};\nexport const sanitizedPreviousMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const prevMonthDate = new Date(year, month - 1);\n  const numberOfDaysPrevMonth = getDaysInMonth(prevMonthDate);\n  if (isLastDayOfMonth(d) && numberOfDaysPrevMonth < date) {\n    return lastDayOfMonth(prevMonthDate);\n  } else {\n    return new Date(year, month - 1, date);\n  }\n};\nexport const setTimeToNoon = (date: Date): Date => {\n  const newDate = new Date(date);\n  newDate.setHours(12);\n  newDate.setMinutes(0);\n  newDate.setSeconds(0);\n  newDate.setMilliseconds(0);\n  return newDate;\n};\n\nexport const sortAscDates = (dates: Date[]) => {\n  return dates.sort((a, b) => a.getTime() - b.getTime());\n};\n"],"names":[],"mappings":";;;AAEa,MAAA,aAAa,GAAG;AAC3B,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,cAAc,EAAE,uCAAuC;AACvD,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,cAAc,EAAE,uCAAuC;AACvD,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,cAAc,EAAE,uCAAuC;AACvD,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;EACD;AAEF;;;;AAIG;MACU,mBAAmB,GAAG,CAAC,WAAiB,EAAE,WAAmB,KAAI;;AAE5E,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;IAC9C,MAAM,SAAS,GAAG,CAAC,WAAW,GAAG,WAAW,IAAI,EAAE,CAAC;AACnD,IAAA,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,SAAS,GAAG,SAAS,CAAC;IAEjE,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,IAAA,MAAM,UAAU,GAAG,WAAW,GAAG,aAAa,CAAC;IAC/C,MAAM,QAAQ,GAAG,WAAW,GAAG,aAAa,GAAG,EAAE,GAAG,CAAC,CAAC;AAEtD,IAAA,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC9C,QAAA,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACnB;AAED,IAAA,OAAO,SAAS,CAAC;AACnB,EAAE;AACW,MAAA,kBAAkB,GAAG,CAAC,CAAO,KAAI;AAC5C,IAAA,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC3B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AAC7B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAChD,IAAA,MAAM,qBAAqB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IAE5D,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,qBAAqB,GAAG,IAAI,EAAE;AACvD,QAAA,OAAO,cAAc,CAAC,aAAa,CAAC,CAAC;KACtC;SAAM;QACL,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;KACxC;AACH,EAAE;AACW,MAAA,sBAAsB,GAAG,CAAC,CAAO,KAAI;AAChD,IAAA,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC3B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AAC7B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAChD,IAAA,MAAM,qBAAqB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,qBAAqB,GAAG,IAAI,EAAE;AACvD,QAAA,OAAO,cAAc,CAAC,aAAa,CAAC,CAAC;KACtC;SAAM;QACL,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;KACxC;AACH,EAAE;AACW,MAAA,aAAa,GAAG,CAAC,IAAU,KAAU;AAChD,IAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,IAAA,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AACrB,IAAA,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACtB,IAAA,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACtB,IAAA,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"time.js","sources":["../../../src/utils/time.ts"],"sourcesContent":["import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from \"./date-helpers\";\n\nexport const DATE_PATTERNS = {\n  \"DD/MM/YYYY\": {\n    imPattern: \"`dd{/}`mm{/}`yyyy\",\n    imRangePattern: \"`dd{/}`mm{/}`yyyy - `DD{/}`MM{/}`YYYY\",\n    fnsPattern: \"dd/MM/yyyy\"\n  },\n  \"MM/DD/YYYY\": {\n    imPattern: \"`mm{/}`dd{/}`yyyy\",\n    imRangePattern: \"`mm{/}`dd{/}`yyyy - `MM{/}`DD{/}`YYYY\",\n    fnsPattern: \"MM/dd/yyyy\"\n  },\n  \"YYYY/MM/DD\": {\n    imPattern: \"`yyyy{/}`mm{/}`dd\",\n    imRangePattern: \"`yyyy{/}`mm{/}`dd - `YYYY{/}`MM{/}`DD\",\n    fnsPattern: \"yyyy/MM/dd\"\n  }\n};\n\n/**\n * @description - creates calendar's year view years array with context of\n * datepicker's displayDate and current year\n * Fixes current year to the start of array\n */\nexport const createYearViewArray = (displayDate: Date, currentYear: number) => {\n  // keeping the year range position to be always fixed by setting current year to the first element of the calendar\n  const displayYear = displayDate.getFullYear();\n  const remainder = (displayYear - currentYear) % 12;\n  const yearsPosition = remainder < 0 ? 12 + remainder : remainder;\n\n  const yearArray = [];\n  const startLimit = displayYear - yearsPosition;\n  const endLimit = displayYear - yearsPosition + 12 - 1; // -1 to match the index of the years (index starts from 0)\n\n  for (let i = startLimit; i < endLimit + 1; i++) {\n    yearArray.push(i);\n  }\n\n  return yearArray;\n};\nexport const sanitizedNextMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const nextMonthDate = new Date(year, month + 1);\n  const numberOfDaysNextMonth = getDaysInMonth(nextMonthDate);\n\n  if (isLastDayOfMonth(d) && numberOfDaysNextMonth < date) {\n    return lastDayOfMonth(nextMonthDate);\n  } else {\n    return new Date(year, month + 1, date);\n  }\n};\nexport const sanitizedPreviousMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const prevMonthDate = new Date(year, month - 1);\n  const numberOfDaysPrevMonth = getDaysInMonth(prevMonthDate);\n  if (isLastDayOfMonth(d) && numberOfDaysPrevMonth < date) {\n    return lastDayOfMonth(prevMonthDate);\n  } else {\n    return new Date(year, month - 1, date);\n  }\n};\nexport const setTimeToNoon = (date: Date): Date => {\n  const newDate = new Date(date);\n  newDate.setHours(12);\n  newDate.setMinutes(0);\n  newDate.setSeconds(0);\n  newDate.setMilliseconds(0);\n  return newDate;\n};\n\nexport const sortAscDates = (dates: Date[]) => {\n  return dates.sort((a, b) => a.getTime() - b.getTime());\n};\n"],"names":[],"mappings":";;;AAEa,MAAA,aAAa,GAAG;AAC3B,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,cAAc,EAAE,uCAAuC;AACvD,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,cAAc,EAAE,uCAAuC;AACvD,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,cAAc,EAAE,uCAAuC;AACvD,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;EACD;AAEF;;;;AAIG;MACU,mBAAmB,GAAG,CAAC,WAAiB,EAAE,WAAmB,KAAI;;AAE5E,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;IAC9C,MAAM,SAAS,GAAG,CAAC,WAAW,GAAG,WAAW,IAAI,EAAE,CAAC;AACnD,IAAA,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,SAAS,GAAG,SAAS,CAAC;IAEjE,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,IAAA,MAAM,UAAU,GAAG,WAAW,GAAG,aAAa,CAAC;IAC/C,MAAM,QAAQ,GAAG,WAAW,GAAG,aAAa,GAAG,EAAE,GAAG,CAAC,CAAC;AAEtD,IAAA,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC9C,QAAA,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACnB;AAED,IAAA,OAAO,SAAS,CAAC;AACnB,EAAE;AACW,MAAA,kBAAkB,GAAG,CAAC,CAAO,KAAI;AAC5C,IAAA,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC3B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AAC7B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAChD,IAAA,MAAM,qBAAqB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IAE5D,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,qBAAqB,GAAG,IAAI,EAAE;AACvD,QAAA,OAAO,cAAc,CAAC,aAAa,CAAC,CAAC;KACtC;SAAM;QACL,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;KACxC;AACH,EAAE;AACW,MAAA,sBAAsB,GAAG,CAAC,CAAO,KAAI;AAChD,IAAA,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC3B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AAC7B,IAAA,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAChD,IAAA,MAAM,qBAAqB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5D,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,qBAAqB,GAAG,IAAI,EAAE;AACvD,QAAA,OAAO,cAAc,CAAC,aAAa,CAAC,CAAC;KACtC;SAAM;QACL,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;KACxC;AACH,EAAE;AACW,MAAA,aAAa,GAAG,CAAC,IAAU,KAAU;AAChD,IAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,IAAA,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AACrB,IAAA,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACtB,IAAA,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACtB,IAAA,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}

package/themes/responsive.css

@@ -25,6 +25,11 @@
   --sgds-font-size-label-md: var(--sgds-font-size-16);
   --sgds-font-size-label-lg: var(--sgds-font-size-18);
 
+  /* Font Size - List */
+  --sgds-font-size-list-sm: var(--sgds-font-size-14);
+  --sgds-font-size-list-md: var(--sgds-font-size-16);
+  --sgds-font-size-list-lg: var(--sgds-font-size-18);
+
   /* Font Size - Caption */
   --sgds-font-size-caption-md: var(--sgds-font-size-14);
 
@@ -118,6 +123,11 @@
     --sgds-font-size-label-md: var(--sgds-font-size-16);
     --sgds-font-size-label-lg: var(--sgds-font-size-20);
 
+    /* Font Size - List */
+    --sgds-font-size-list-sm: var(--sgds-font-size-14);
+    --sgds-font-size-list-md: var(--sgds-font-size-16);
+    --sgds-font-size-list-lg: var(--sgds-font-size-20);
+
     /* Font Size - Caption */
     --sgds-font-size-caption-md: var(--sgds-font-size-14);
 
@@ -212,6 +222,11 @@
     --sgds-font-size-label-md: var(--sgds-font-size-16);
     --sgds-font-size-label-lg: var(--sgds-font-size-20);
 
+    /* Font Size - List */
+    --sgds-font-size-list-sm: var(--sgds-font-size-14);
+    --sgds-font-size-list-md: var(--sgds-font-size-16);
+    --sgds-font-size-list-lg: var(--sgds-font-size-20);
+
     /* Font Size - Caption */
     --sgds-font-size-caption-md: var(--sgds-font-size-14);
 

package/themes/root.css

@@ -225,6 +225,11 @@
   --sgds-paragraph-spacing-lg: 1.5rem;
   --sgds-paragraph-spacing-xl: 2rem;
 
+  /* Primitive - List Spacing */
+  --sgds-list-spacing-sm: 0.5rem;
+  --sgds-list-spacing-md: 0.75rem;
+  --sgds-list-spacing-lg: 1rem;
+
   /* Primitive - Spacer */
   --sgds-spacer-0: 0rem;
   --sgds-spacer-1: 0.125rem;

package/types/react.d.ts

@@ -187,6 +187,20 @@ Variants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `
   onSgdsAfterHide?: SgdsEventHandler;
 }
 
+// ── BreadcrumbItem ─────────────────────────────────────────────────────────────
+
+export interface SgdsBreadcrumbItemProps extends SgdsBaseProps {
+  /** Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item */
+  active?: boolean;
+}
+
+// ── Breadcrumb ─────────────────────────────────────────────────────────────
+
+export interface SgdsBreadcrumbProps extends SgdsBaseProps {
+  /** The aria-label of nav element within breadcrumb component. */
+  ariaLabel?: string;
+}
+
 // ── Button ─────────────────────────────────────────────────────────────
 
 export interface SgdsButtonProps extends SgdsBaseProps {
@@ -268,20 +282,6 @@ export interface SgdsCardProps extends SgdsBaseProps {
   orientation?: CardOrientation;
 }
 
-// ── BreadcrumbItem ─────────────────────────────────────────────────────────────
-
-export interface SgdsBreadcrumbItemProps extends SgdsBaseProps {
-  /** Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item */
-  active?: boolean;
-}
-
-// ── Breadcrumb ─────────────────────────────────────────────────────────────
-
-export interface SgdsBreadcrumbProps extends SgdsBaseProps {
-  /** The aria-label of nav element within breadcrumb component. */
-  ariaLabel?: string;
-}
-
 // ── CheckboxGroup ─────────────────────────────────────────────────────────────
 
 export interface SgdsCheckboxGroupProps extends SgdsBaseProps {
@@ -1722,10 +1722,10 @@ declare module "react" {
       "sgds-alert-link": React.DetailedHTMLProps<SgdsAlertLinkProps, HTMLElement>;
       "sgds-alert": React.DetailedHTMLProps<SgdsAlertProps, HTMLElement>;
       "sgds-badge": React.DetailedHTMLProps<SgdsBadgeProps, HTMLElement>;
-      "sgds-button": React.DetailedHTMLProps<SgdsButtonProps, HTMLElement>;
-      "sgds-card": React.DetailedHTMLProps<SgdsCardProps, HTMLElement>;
       "sgds-breadcrumb-item": React.DetailedHTMLProps<SgdsBreadcrumbItemProps, HTMLElement>;
       "sgds-breadcrumb": React.DetailedHTMLProps<SgdsBreadcrumbProps, HTMLElement>;
+      "sgds-button": React.DetailedHTMLProps<SgdsButtonProps, HTMLElement>;
+      "sgds-card": React.DetailedHTMLProps<SgdsCardProps, HTMLElement>;
       "sgds-checkbox-group": React.DetailedHTMLProps<SgdsCheckboxGroupProps, HTMLElement>;
       "sgds-checkbox": React.DetailedHTMLProps<SgdsCheckboxProps, HTMLElement>;
       "sgds-close-button": React.DetailedHTMLProps<SgdsCloseButtonProps, HTMLElement>;
@@ -1805,10 +1805,10 @@ declare global {
     "sgds-alert-link": HTMLElement;
     "sgds-alert": HTMLElement;
     "sgds-badge": HTMLElement;
-    "sgds-button": HTMLElement;
-    "sgds-card": HTMLElement;
     "sgds-breadcrumb-item": HTMLElement;
     "sgds-breadcrumb": HTMLElement;
+    "sgds-button": HTMLElement;
+    "sgds-card": HTMLElement;
     "sgds-checkbox-group": HTMLElement;
     "sgds-checkbox": HTMLElement;
     "sgds-close-button": HTMLElement;

package/utils/date-helpers.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Lightweight date utility functions replacing date-fns.
+ * Only supports the 3 date patterns used by the Datepicker component.
+ */
+/**
+ * Format a date using one of the 3 known patterns or "PPPP" (full locale date).
+ */
+export declare function formatDate(date: Date, pattern: string): string;
+export declare function getDaysInMonth(date: Date): number;
+export declare function isAfterDate(a: Date, b: Date): boolean;
+export declare function isBeforeDate(a: Date, b: Date): boolean;
+export declare function isEqualDate(a: Date, b: Date): boolean;
+export declare function isLastDayOfMonth(date: Date): boolean;
+export declare function isValidDate(date: Date): boolean;
+export declare function lastDayOfMonth(date: Date): Date;
+/**
+ * Parse a date string using one of the 3 known patterns:
+ * - "dd/MM/yyyy"
+ * - "MM/dd/yyyy"
+ * - "yyyy/MM/dd"
+ */
+export declare function parseDate(dateStr: string, pattern: string): Date;

package/utils/date-helpers.js

@@ -0,0 +1,107 @@
+/**
+ * Lightweight date utility functions replacing date-fns.
+ * Only supports the 3 date patterns used by the Datepicker component.
+ */
+function getOrdinalSuffix(day) {
+    if (day >= 11 && day <= 13)
+        return day + "th";
+    switch (day % 10) {
+        case 1:
+            return day + "st";
+        case 2:
+            return day + "nd";
+        case 3:
+            return day + "rd";
+        default:
+            return day + "th";
+    }
+}
+/**
+ * Format a date using one of the 3 known patterns or "PPPP" (full locale date).
+ */
+function formatDate(date, pattern) {
+    const day = date.getDate();
+    const month = date.getMonth() + 1;
+    const year = date.getFullYear();
+    const dd = day < 10 ? "0" + day : String(day);
+    const mm = month < 10 ? "0" + month : String(month);
+    const yyyy = String(year);
+    switch (pattern) {
+        case "dd/MM/yyyy":
+            return `${dd}/${mm}/${yyyy}`;
+        case "MM/dd/yyyy":
+            return `${mm}/${dd}/${yyyy}`;
+        case "yyyy/MM/dd":
+            return `${yyyy}/${mm}/${dd}`;
+        case "PPPP": {
+            const weekday = new Intl.DateTimeFormat("en-US", { weekday: "long" }).format(date);
+            const month = new Intl.DateTimeFormat("en-US", { month: "long" }).format(date);
+            const ordinal = getOrdinalSuffix(date.getDate());
+            return `${weekday}, ${month} ${ordinal}, ${date.getFullYear()}`;
+        }
+        default:
+            return `${dd}/${mm}/${yyyy}`;
+    }
+}
+function getDaysInMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+}
+function isAfterDate(a, b) {
+    return a.getTime() > b.getTime();
+}
+function isBeforeDate(a, b) {
+    return a.getTime() < b.getTime();
+}
+function isEqualDate(a, b) {
+    return a.getTime() === b.getTime();
+}
+function isLastDayOfMonth(date) {
+    return date.getDate() === getDaysInMonth(date);
+}
+function isValidDate(date) {
+    return date instanceof Date && !isNaN(date.getTime());
+}
+function lastDayOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+}
+/**
+ * Parse a date string using one of the 3 known patterns:
+ * - "dd/MM/yyyy"
+ * - "MM/dd/yyyy"
+ * - "yyyy/MM/dd"
+ */
+function parseDate(dateStr, pattern) {
+    const parts = dateStr.split("/");
+    let day, month, year;
+    switch (pattern) {
+        case "dd/MM/yyyy":
+            day = parseInt(parts[0], 10);
+            month = parseInt(parts[1], 10) - 1;
+            year = parseInt(parts[2], 10);
+            break;
+        case "MM/dd/yyyy":
+            month = parseInt(parts[0], 10) - 1;
+            day = parseInt(parts[1], 10);
+            year = parseInt(parts[2], 10);
+            break;
+        case "yyyy/MM/dd":
+            year = parseInt(parts[0], 10);
+            month = parseInt(parts[1], 10) - 1;
+            day = parseInt(parts[2], 10);
+            break;
+        default:
+            return new Date(NaN);
+    }
+    if (isNaN(day) || isNaN(month) || isNaN(year)) {
+        return new Date(NaN);
+    }
+    const date = new Date(year, month, day, 12, 0, 0, 0);
+    // Validate that the parsed date matches the input (catches invalid dates like 31/02/2024)
+    if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) {
+        return new Date(NaN);
+    }
+    return date;
+}
+
+export { formatDate, getDaysInMonth, isAfterDate, isBeforeDate, isEqualDate, isLastDayOfMonth, isValidDate, lastDayOfMonth, parseDate };
+//# sourceMappingURL=date-helpers.js.map

package/utils/date-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-helpers.js","sources":["../../src/utils/date-helpers.ts"],"sourcesContent":["/**\n * Lightweight date utility functions replacing date-fns.\n * Only supports the 3 date patterns used by the Datepicker component.\n */\n\nfunction getOrdinalSuffix(day: number): string {\n  if (day >= 11 && day <= 13) return day + \"th\";\n  switch (day % 10) {\n    case 1:\n      return day + \"st\";\n    case 2:\n      return day + \"nd\";\n    case 3:\n      return day + \"rd\";\n    default:\n      return day + \"th\";\n  }\n}\n\n/**\n * Format a date using one of the 3 known patterns or \"PPPP\" (full locale date).\n */\nexport function formatDate(date: Date, pattern: string): string {\n  const day = date.getDate();\n  const month = date.getMonth() + 1;\n  const year = date.getFullYear();\n  const dd = day < 10 ? \"0\" + day : String(day);\n  const mm = month < 10 ? \"0\" + month : String(month);\n  const yyyy = String(year);\n\n  switch (pattern) {\n    case \"dd/MM/yyyy\":\n      return `${dd}/${mm}/${yyyy}`;\n    case \"MM/dd/yyyy\":\n      return `${mm}/${dd}/${yyyy}`;\n    case \"yyyy/MM/dd\":\n      return `${yyyy}/${mm}/${dd}`;\n    case \"PPPP\": {\n      const weekday = new Intl.DateTimeFormat(\"en-US\", { weekday: \"long\" }).format(date);\n      const month = new Intl.DateTimeFormat(\"en-US\", { month: \"long\" }).format(date);\n      const ordinal = getOrdinalSuffix(date.getDate());\n      return `${weekday}, ${month} ${ordinal}, ${date.getFullYear()}`;\n    }\n    default:\n      return `${dd}/${mm}/${yyyy}`;\n  }\n}\n\nexport function getDaysInMonth(date: Date): number {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();\n}\n\nexport function isAfterDate(a: Date, b: Date): boolean {\n  return a.getTime() > b.getTime();\n}\n\nexport function isBeforeDate(a: Date, b: Date): boolean {\n  return a.getTime() < b.getTime();\n}\n\nexport function isEqualDate(a: Date, b: Date): boolean {\n  return a.getTime() === b.getTime();\n}\n\nexport function isLastDayOfMonth(date: Date): boolean {\n  return date.getDate() === getDaysInMonth(date);\n}\n\nexport function isValidDate(date: Date): boolean {\n  return date instanceof Date && !isNaN(date.getTime());\n}\n\nexport function lastDayOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\n}\n\n/**\n * Parse a date string using one of the 3 known patterns:\n * - \"dd/MM/yyyy\"\n * - \"MM/dd/yyyy\"\n * - \"yyyy/MM/dd\"\n */\nexport function parseDate(dateStr: string, pattern: string): Date {\n  const parts = dateStr.split(\"/\");\n  let day: number, month: number, year: number;\n\n  switch (pattern) {\n    case \"dd/MM/yyyy\":\n      day = parseInt(parts[0], 10);\n      month = parseInt(parts[1], 10) - 1;\n      year = parseInt(parts[2], 10);\n      break;\n    case \"MM/dd/yyyy\":\n      month = parseInt(parts[0], 10) - 1;\n      day = parseInt(parts[1], 10);\n      year = parseInt(parts[2], 10);\n      break;\n    case \"yyyy/MM/dd\":\n      year = parseInt(parts[0], 10);\n      month = parseInt(parts[1], 10) - 1;\n      day = parseInt(parts[2], 10);\n      break;\n    default:\n      return new Date(NaN);\n  }\n\n  if (isNaN(day) || isNaN(month) || isNaN(year)) {\n    return new Date(NaN);\n  }\n\n  const date = new Date(year, month, day, 12, 0, 0, 0);\n  // Validate that the parsed date matches the input (catches invalid dates like 31/02/2024)\n  if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) {\n    return new Date(NaN);\n  }\n  return date;\n}\n"],"names":[],"mappings":"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"}

package/utils/date-mask.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Lightweight date input mask replacing imask.
+ * Handles digit-only input with placeholder display for date formats.
+ */
+type MaskEventType = "accept" | "complete";
+type MaskEventHandler = () => void;
+export declare class DateMask {
+    private input;
+    private placeholderStr;
+    private _state;
+    private listeners;
+    private _boundHandleBeforeInput;
+    private _boundHandleInput;
+    private _boundHandleKeydown;
+    private _boundHandleFocus;
+    private _boundHandleBlur;
+    private _valueAtFocus;
+    masked: {
+        value: string;
+        isComplete: boolean;
+    };
+    constructor(input: HTMLInputElement, options: DateMaskOptions);
+    get value(): string;
+    set value(val: string);
+    on(event: MaskEventType, handler: MaskEventHandler): void;
+    updateValue(): void;
+    destroy(): void;
+    private _handleFocus;
+    private _handleBlur;
+    private _buildPlaceholder;
+    private _getDigitPositions;
+    private _handleBeforeInput;
+    private _handleInput;
+    private _handleKeydown;
+    private _insertDigit;
+    private _backspace;
+    private _deleteForward;
+    private _findNextInputPos;
+    private _emit;
+}
+export interface DateMaskOptions {
+    pattern: string;
+}
+export {};

package/utils/date-mask.js

@@ -0,0 +1,198 @@
+/**
+ * Lightweight date input mask replacing imask.
+ * Handles digit-only input with placeholder display for date formats.
+ */
+class DateMask {
+    constructor(input, options) {
+        this.listeners = new Map();
+        this.input = input;
+        this.placeholderStr = this._buildPlaceholder(options.pattern);
+        this._state = this.placeholderStr;
+        this.listeners.set("accept", []);
+        this.listeners.set("complete", []);
+        const masked = { value: "", isComplete: false };
+        Object.defineProperties(masked, {
+            value: { get: () => this._state, enumerable: true },
+            isComplete: { get: () => this._state.length > 0 && !/[DMY]/.test(this._state), enumerable: true }
+        });
+        this.masked = masked;
+        // If input already has a value that looks like a filled date, use it
+        if (this.input.value && this.input.value.length === this._state.length && !/[DMY]/.test(this.input.value)) {
+            this._state = this.input.value;
+        }
+        else {
+            this.input.value = this._state;
+        }
+        this._boundHandleBeforeInput = this._handleBeforeInput.bind(this);
+        this._boundHandleInput = this._handleInput.bind(this);
+        this._boundHandleKeydown = this._handleKeydown.bind(this);
+        this._boundHandleFocus = this._handleFocus.bind(this);
+        this._boundHandleBlur = this._handleBlur.bind(this);
+        this._valueAtFocus = this._state;
+        this.input.addEventListener("beforeinput", this._boundHandleBeforeInput);
+        this.input.addEventListener("input", this._boundHandleInput);
+        this.input.addEventListener("keydown", this._boundHandleKeydown);
+        this.input.addEventListener("focus", this._boundHandleFocus);
+        this.input.addEventListener("blur", this._boundHandleBlur);
+    }
+    get value() {
+        return this._state;
+    }
+    set value(val) {
+        if (!val || val === "") {
+            this._state = this.placeholderStr;
+        }
+        else {
+            this._state = val;
+        }
+        this.input.value = this._state;
+        this._emit("accept");
+    }
+    on(event, handler) {
+        var _a;
+        (_a = this.listeners.get(event)) === null || _a === void 0 ? void 0 : _a.push(handler);
+    }
+    updateValue() {
+        // Sync state from input (used when value set externally on input)
+        this._state = this.input.value;
+    }
+    destroy() {
+        this.input.removeEventListener("beforeinput", this._boundHandleBeforeInput);
+        this.input.removeEventListener("input", this._boundHandleInput);
+        this.input.removeEventListener("keydown", this._boundHandleKeydown);
+        this.input.removeEventListener("focus", this._boundHandleFocus);
+        this.input.removeEventListener("blur", this._boundHandleBlur);
+        this.listeners.clear();
+    }
+    _handleFocus() {
+        this._valueAtFocus = this._state;
+    }
+    _handleBlur() {
+        // Dispatch native change event if value changed during this focus session
+        if (this._state !== this._valueAtFocus) {
+            this.input.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+    }
+    _buildPlaceholder(pattern) {
+        return pattern
+            .replace(/`/g, "")
+            .replace(/\{(\/)\}/g, "$1")
+            .replace(/d/g, "D")
+            .replace(/m/g, "M")
+            .replace(/y/g, "Y");
+    }
+    _getDigitPositions() {
+        const positions = [];
+        for (let i = 0; i < this.placeholderStr.length; i++) {
+            const ch = this.placeholderStr[i];
+            if (ch === "D" || ch === "M" || ch === "Y") {
+                positions.push(i);
+            }
+        }
+        return positions;
+    }
+    _handleBeforeInput(e) {
+        // Prevent browser's default text handling — we handle everything in keydown
+        e.preventDefault();
+    }
+    _handleInput() {
+        // If browser still modified the value (some edge cases), restore our state
+        if (this.input.value !== this._state) {
+            this.input.value = this._state;
+        }
+    }
+    _handleKeydown(e) {
+        if (e.key === "Backspace") {
+            e.preventDefault();
+            this._backspace();
+        }
+        else if (e.key === "Delete") {
+            e.preventDefault();
+            this._deleteForward();
+        }
+        else if (e.key.length === 1 && /\d/.test(e.key)) {
+            e.preventDefault();
+            this._insertDigit(e.key);
+        }
+        // Arrow keys: let browser handle cursor movement naturally
+    }
+    _insertDigit(digit) {
+        const digitPositions = this._getDigitPositions();
+        const currentVal = this._state.split("");
+        // Find the first unfilled placeholder position
+        let insertPos = -1;
+        for (const pos of digitPositions) {
+            if (/[DMY]/.test(currentVal[pos])) {
+                insertPos = pos;
+                break;
+            }
+        }
+        if (insertPos === -1) {
+            // All filled — no room
+            return;
+        }
+        currentVal[insertPos] = digit;
+        this._state = currentVal.join("");
+        this.input.value = this._state;
+        // Move cursor after the inserted digit
+        const nextPos = this._findNextInputPos(insertPos);
+        this.input.setSelectionRange(nextPos, nextPos);
+        this._emit("accept");
+        if (this.masked.isComplete) {
+            this._emit("complete");
+        }
+    }
+    _backspace() {
+        var _a;
+        const pos = (_a = this.input.selectionStart) !== null && _a !== void 0 ? _a : this._state.length;
+        const val = this._state.split("");
+        // Find previous digit position from cursor
+        let targetPos = pos - 1;
+        while (targetPos >= 0 && !/\d/.test(val[targetPos])) {
+            targetPos--;
+        }
+        if (targetPos >= 0) {
+            val[targetPos] = this.placeholderStr[targetPos];
+            this._state = val.join("");
+            this.input.value = this._state;
+            this.input.setSelectionRange(targetPos, targetPos);
+            this._emit("accept");
+        }
+    }
+    _deleteForward() {
+        var _a;
+        const pos = (_a = this.input.selectionStart) !== null && _a !== void 0 ? _a : 0;
+        const val = this._state.split("");
+        let targetPos = pos;
+        while (targetPos < val.length && !/\d/.test(val[targetPos])) {
+            targetPos++;
+        }
+        if (targetPos < val.length) {
+            val[targetPos] = this.placeholderStr[targetPos];
+            this._state = val.join("");
+            this.input.value = this._state;
+            this.input.setSelectionRange(pos, pos);
+            this._emit("accept");
+        }
+    }
+    _findNextInputPos(pos) {
+        for (let i = pos + 1; i < this._state.length; i++) {
+            if (/[DMY]/.test(this._state[i])) {
+                return i;
+            }
+        }
+        // If no more placeholders, place cursor at end
+        return this._state.length;
+    }
+    _emit(event) {
+        const handlers = this.listeners.get(event);
+        if (handlers) {
+            for (const handler of handlers) {
+                handler();
+            }
+        }
+    }
+}
+
+export { DateMask };
+//# sourceMappingURL=date-mask.js.map

package/utils/date-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-mask.js","sources":["../../src/utils/date-mask.ts"],"sourcesContent":["/**\n * Lightweight date input mask replacing imask.\n * Handles digit-only input with placeholder display for date formats.\n */\n\ntype MaskEventType = \"accept\" | \"complete\";\ntype MaskEventHandler = () => void;\n\nexport class DateMask {\n  private input: HTMLInputElement;\n  private placeholderStr: string;\n  private _state: string; // tracks the current masked value\n  private listeners: Map<MaskEventType, MaskEventHandler[]> = new Map();\n  private _boundHandleBeforeInput: (e: InputEvent) => void;\n  private _boundHandleInput: (e: InputEvent) => void;\n  private _boundHandleKeydown: (e: KeyboardEvent) => void;\n  private _boundHandleFocus: () => void;\n  private _boundHandleBlur: () => void;\n  private _valueAtFocus: string;\n\n  public masked: { value: string; isComplete: boolean };\n\n  constructor(input: HTMLInputElement, options: DateMaskOptions) {\n    this.input = input;\n    this.placeholderStr = this._buildPlaceholder(options.pattern);\n    this._state = this.placeholderStr;\n    this.listeners.set(\"accept\", []);\n    this.listeners.set(\"complete\", []);\n\n    const masked = { value: \"\", isComplete: false };\n    Object.defineProperties(masked, {\n      value: { get: () => this._state, enumerable: true },\n      isComplete: { get: () => this._state.length > 0 && !/[DMY]/.test(this._state), enumerable: true }\n    });\n    this.masked = masked;\n\n    // If input already has a value that looks like a filled date, use it\n    if (this.input.value && this.input.value.length === this._state.length && !/[DMY]/.test(this.input.value)) {\n      this._state = this.input.value;\n    } else {\n      this.input.value = this._state;\n    }\n\n    this._boundHandleBeforeInput = this._handleBeforeInput.bind(this);\n    this._boundHandleInput = this._handleInput.bind(this);\n    this._boundHandleKeydown = this._handleKeydown.bind(this);\n    this._boundHandleFocus = this._handleFocus.bind(this);\n    this._boundHandleBlur = this._handleBlur.bind(this);\n    this._valueAtFocus = this._state;\n\n    this.input.addEventListener(\"beforeinput\", this._boundHandleBeforeInput);\n    this.input.addEventListener(\"input\", this._boundHandleInput);\n    this.input.addEventListener(\"keydown\", this._boundHandleKeydown);\n    this.input.addEventListener(\"focus\", this._boundHandleFocus);\n    this.input.addEventListener(\"blur\", this._boundHandleBlur);\n  }\n\n  get value(): string {\n    return this._state;\n  }\n\n  set value(val: string) {\n    if (!val || val === \"\") {\n      this._state = this.placeholderStr;\n    } else {\n      this._state = val;\n    }\n    this.input.value = this._state;\n    this._emit(\"accept\");\n  }\n\n  on(event: MaskEventType, handler: MaskEventHandler): void {\n    this.listeners.get(event)?.push(handler);\n  }\n\n  updateValue(): void {\n    // Sync state from input (used when value set externally on input)\n    this._state = this.input.value;\n  }\n\n  destroy(): void {\n    this.input.removeEventListener(\"beforeinput\", this._boundHandleBeforeInput);\n    this.input.removeEventListener(\"input\", this._boundHandleInput);\n    this.input.removeEventListener(\"keydown\", this._boundHandleKeydown);\n    this.input.removeEventListener(\"focus\", this._boundHandleFocus);\n    this.input.removeEventListener(\"blur\", this._boundHandleBlur);\n    this.listeners.clear();\n  }\n\n  private _handleFocus(): void {\n    this._valueAtFocus = this._state;\n  }\n\n  private _handleBlur(): void {\n    // Dispatch native change event if value changed during this focus session\n    if (this._state !== this._valueAtFocus) {\n      this.input.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n  }\n\n  private _buildPlaceholder(pattern: string): string {\n    return pattern\n      .replace(/`/g, \"\")\n      .replace(/\\{(\\/)\\}/g, \"$1\")\n      .replace(/d/g, \"D\")\n      .replace(/m/g, \"M\")\n      .replace(/y/g, \"Y\");\n  }\n\n  private _getDigitPositions(): number[] {\n    const positions: number[] = [];\n    for (let i = 0; i < this.placeholderStr.length; i++) {\n      const ch = this.placeholderStr[i];\n      if (ch === \"D\" || ch === \"M\" || ch === \"Y\") {\n        positions.push(i);\n      }\n    }\n    return positions;\n  }\n\n  private _handleBeforeInput(e: InputEvent): void {\n    // Prevent browser's default text handling — we handle everything in keydown\n    e.preventDefault();\n  }\n\n  private _handleInput(): void {\n    // If browser still modified the value (some edge cases), restore our state\n    if (this.input.value !== this._state) {\n      this.input.value = this._state;\n    }\n  }\n\n  private _handleKeydown(e: KeyboardEvent): void {\n    if (e.key === \"Backspace\") {\n      e.preventDefault();\n      this._backspace();\n    } else if (e.key === \"Delete\") {\n      e.preventDefault();\n      this._deleteForward();\n    } else if (e.key.length === 1 && /\\d/.test(e.key)) {\n      e.preventDefault();\n      this._insertDigit(e.key);\n    }\n    // Arrow keys: let browser handle cursor movement naturally\n  }\n\n  private _insertDigit(digit: string): void {\n    const digitPositions = this._getDigitPositions();\n    const currentVal = this._state.split(\"\");\n\n    // Find the first unfilled placeholder position\n    let insertPos = -1;\n    for (const pos of digitPositions) {\n      if (/[DMY]/.test(currentVal[pos])) {\n        insertPos = pos;\n        break;\n      }\n    }\n\n    if (insertPos === -1) {\n      // All filled — no room\n      return;\n    }\n\n    currentVal[insertPos] = digit;\n    this._state = currentVal.join(\"\");\n    this.input.value = this._state;\n\n    // Move cursor after the inserted digit\n    const nextPos = this._findNextInputPos(insertPos);\n    this.input.setSelectionRange(nextPos, nextPos);\n\n    this._emit(\"accept\");\n\n    if (this.masked.isComplete) {\n      this._emit(\"complete\");\n    }\n  }\n\n  private _backspace(): void {\n    const pos = this.input.selectionStart ?? this._state.length;\n    const val = this._state.split(\"\");\n\n    // Find previous digit position from cursor\n    let targetPos = pos - 1;\n    while (targetPos >= 0 && !/\\d/.test(val[targetPos])) {\n      targetPos--;\n    }\n\n    if (targetPos >= 0) {\n      val[targetPos] = this.placeholderStr[targetPos];\n      this._state = val.join(\"\");\n      this.input.value = this._state;\n      this.input.setSelectionRange(targetPos, targetPos);\n      this._emit(\"accept\");\n    }\n  }\n\n  private _deleteForward(): void {\n    const pos = this.input.selectionStart ?? 0;\n    const val = this._state.split(\"\");\n\n    let targetPos = pos;\n    while (targetPos < val.length && !/\\d/.test(val[targetPos])) {\n      targetPos++;\n    }\n\n    if (targetPos < val.length) {\n      val[targetPos] = this.placeholderStr[targetPos];\n      this._state = val.join(\"\");\n      this.input.value = this._state;\n      this.input.setSelectionRange(pos, pos);\n      this._emit(\"accept\");\n    }\n  }\n\n  private _findNextInputPos(pos: number): number {\n    for (let i = pos + 1; i < this._state.length; i++) {\n      if (/[DMY]/.test(this._state[i])) {\n        return i;\n      }\n    }\n    // If no more placeholders, place cursor at end\n    return this._state.length;\n  }\n\n  private _emit(event: MaskEventType): void {\n    const handlers = this.listeners.get(event);\n    if (handlers) {\n      for (const handler of handlers) {\n        handler();\n      }\n    }\n  }\n}\n\nexport interface DateMaskOptions {\n  pattern: string;\n}\n"],"names":[],"mappings":"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"}

package/utils/time.js

@@ -1,4 +1,4 @@
-import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from 'date-fns';
+import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from './date-helpers.js';
 
 const DATE_PATTERNS = {
     "DD/MM/YYYY": {

package/utils/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sources":["../../src/utils/time.ts"],"sourcesContent":["import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from \"date-fns\";\n\nexport const DATE_PATTERNS = {\n  \"DD/MM/YYYY\": {\n    imPattern: \"`dd{/}`mm{/}`yyyy\",\n    imRangePattern: \"`dd{/}`mm{/}`yyyy - `DD{/}`MM{/}`YYYY\",\n    fnsPattern: \"dd/MM/yyyy\"\n  },\n  \"MM/DD/YYYY\": {\n    imPattern: \"`mm{/}`dd{/}`yyyy\",\n    imRangePattern: \"`mm{/}`dd{/}`yyyy - `MM{/}`DD{/}`YYYY\",\n    fnsPattern: \"MM/dd/yyyy\"\n  },\n  \"YYYY/MM/DD\": {\n    imPattern: \"`yyyy{/}`mm{/}`dd\",\n    imRangePattern: \"`yyyy{/}`mm{/}`dd - `YYYY{/}`MM{/}`DD\",\n    fnsPattern: \"yyyy/MM/dd\"\n  }\n};\n\n/**\n * @description - creates calendar's year view years array with context of\n * datepicker's displayDate and current year\n * Fixes current year to the start of array\n */\nexport const createYearViewArray = (displayDate: Date, currentYear: number) => {\n  // keeping the year range position to be always fixed by setting current year to the first element of the calendar\n  const displayYear = displayDate.getFullYear();\n  const remainder = (displayYear - currentYear) % 12;\n  const yearsPosition = remainder < 0 ? 12 + remainder : remainder;\n\n  const yearArray = [];\n  const startLimit = displayYear - yearsPosition;\n  const endLimit = displayYear - yearsPosition + 12 - 1; // -1 to match the index of the years (index starts from 0)\n\n  for (let i = startLimit; i < endLimit + 1; i++) {\n    yearArray.push(i);\n  }\n\n  return yearArray;\n};\nexport const sanitizedNextMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const nextMonthDate = new Date(year, month + 1);\n  const numberOfDaysNextMonth = getDaysInMonth(nextMonthDate);\n\n  if (isLastDayOfMonth(d) && numberOfDaysNextMonth < date) {\n    return lastDayOfMonth(nextMonthDate);\n  } else {\n    return new Date(year, month + 1, date);\n  }\n};\nexport const sanitizedPreviousMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const prevMonthDate = new Date(year, month - 1);\n  const numberOfDaysPrevMonth = getDaysInMonth(prevMonthDate);\n  if (isLastDayOfMonth(d) && numberOfDaysPrevMonth < date) {\n    return lastDayOfMonth(prevMonthDate);\n  } else {\n    return new Date(year, month - 1, date);\n  }\n};\nexport const setTimeToNoon = (date: Date): Date => {\n  const newDate = new Date(date);\n  newDate.setHours(12);\n  newDate.setMinutes(0);\n  newDate.setSeconds(0);\n  newDate.setMilliseconds(0);\n  return newDate;\n};\n\nexport const sortAscDates = (dates: Date[]) => {\n  return dates.sort((a, b) => a.getTime() - b.getTime());\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"time.js","sources":["../../src/utils/time.ts"],"sourcesContent":["import { getDaysInMonth, isLastDayOfMonth, lastDayOfMonth } from \"./date-helpers\";\n\nexport const DATE_PATTERNS = {\n  \"DD/MM/YYYY\": {\n    imPattern: \"`dd{/}`mm{/}`yyyy\",\n    imRangePattern: \"`dd{/}`mm{/}`yyyy - `DD{/}`MM{/}`YYYY\",\n    fnsPattern: \"dd/MM/yyyy\"\n  },\n  \"MM/DD/YYYY\": {\n    imPattern: \"`mm{/}`dd{/}`yyyy\",\n    imRangePattern: \"`mm{/}`dd{/}`yyyy - `MM{/}`DD{/}`YYYY\",\n    fnsPattern: \"MM/dd/yyyy\"\n  },\n  \"YYYY/MM/DD\": {\n    imPattern: \"`yyyy{/}`mm{/}`dd\",\n    imRangePattern: \"`yyyy{/}`mm{/}`dd - `YYYY{/}`MM{/}`DD\",\n    fnsPattern: \"yyyy/MM/dd\"\n  }\n};\n\n/**\n * @description - creates calendar's year view years array with context of\n * datepicker's displayDate and current year\n * Fixes current year to the start of array\n */\nexport const createYearViewArray = (displayDate: Date, currentYear: number) => {\n  // keeping the year range position to be always fixed by setting current year to the first element of the calendar\n  const displayYear = displayDate.getFullYear();\n  const remainder = (displayYear - currentYear) % 12;\n  const yearsPosition = remainder < 0 ? 12 + remainder : remainder;\n\n  const yearArray = [];\n  const startLimit = displayYear - yearsPosition;\n  const endLimit = displayYear - yearsPosition + 12 - 1; // -1 to match the index of the years (index starts from 0)\n\n  for (let i = startLimit; i < endLimit + 1; i++) {\n    yearArray.push(i);\n  }\n\n  return yearArray;\n};\nexport const sanitizedNextMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const nextMonthDate = new Date(year, month + 1);\n  const numberOfDaysNextMonth = getDaysInMonth(nextMonthDate);\n\n  if (isLastDayOfMonth(d) && numberOfDaysNextMonth < date) {\n    return lastDayOfMonth(nextMonthDate);\n  } else {\n    return new Date(year, month + 1, date);\n  }\n};\nexport const sanitizedPreviousMonth = (d: Date) => {\n  const month = d.getMonth();\n  const year = d.getFullYear();\n  const date = d.getDate();\n  const prevMonthDate = new Date(year, month - 1);\n  const numberOfDaysPrevMonth = getDaysInMonth(prevMonthDate);\n  if (isLastDayOfMonth(d) && numberOfDaysPrevMonth < date) {\n    return lastDayOfMonth(prevMonthDate);\n  } else {\n    return new Date(year, month - 1, date);\n  }\n};\nexport const setTimeToNoon = (date: Date): Date => {\n  const newDate = new Date(date);\n  newDate.setHours(12);\n  newDate.setMinutes(0);\n  newDate.setSeconds(0);\n  newDate.setMilliseconds(0);\n  return newDate;\n};\n\nexport const sortAscDates = (dates: Date[]) => {\n  return dates.sort((a, b) => a.getTime() - b.getTime());\n};\n"],"names":[],"mappings":"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"}