@flightlesslabs/dodo-ui 0.10.3 → 0.11.0

package/src/lib/index.ts

@@ -199,9 +199,9 @@ export { default as CalendarYearChip } from '$lib/stories/components/Info/Calend
 
 export type { DateOfMonth } from '$lib/stories/components/Info/Calendar/utils/types.js';
 export { DAYS_OF_WEEK, MONTHS } from '$lib/stories/components/Info/Calendar/utils/types.js';
-export { default as getDatesOfMonth } from '$lib/stories/components/Info/Calendar/utils/getDatesOfMonth.js';
-export { default as createDateOfMonth } from '$lib/stories/components/Info/Calendar/utils/createDateOfMonth.js';
+export { default as getDatesOfMonth } from '$lib/stories/components/Info/Calendar/utils/getDatesOfMonth/getDatesOfMonth.js';
+export { default as createDateOfMonth } from '$lib/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.js';
 export type {
   CreateDatesOfMonthSettings,
   CreateDateOfMonthType,
-} from '$lib/stories/components/Info/Calendar/utils/createDateOfMonth.js';
+} from '$lib/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.js';

package/src/lib/stories/components/Form/DatePicker/DatePicker.svelte

@@ -224,6 +224,12 @@
     calendarTopContent?: (activeSection: CalendarActiveSection) => Snippet;
     /** calendar Bottom Content*/
     calendarBottomContent?: (activeSection: CalendarActiveSection) => Snippet;
+
+    /** manipulate date callback */
+    manipulateDate?: (
+      dateToModify: DateOfMonth,
+      settings?: CreateDatesOfMonthSettings,
+    ) => DateOfMonth;
   }
 </script>
 
@@ -246,6 +252,7 @@
     type CalendarYearChipProps,
     type CalendarYearSelectorProps,
     type ComponentColor,
+    type CreateDatesOfMonthSettings,
     type DateOfMonth,
     type DynamicInputFocusEvent,
     type PaperProps,
@@ -364,6 +371,8 @@
     calendarProps,
     calendarTopContent,
     calendarBottomContent,
+
+    manipulateDate,
   }: DatePickerProps = $props();
 
   const formatEditable = $derived(formatEditableRaw || format);
@@ -656,6 +665,7 @@
             onselect={onselectMod}
             {calendarTopContent}
             {calendarBottomContent}
+            {manipulateDate}
             {...calendarProps}
           />
         </div>

package/src/lib/stories/components/Info/Calendar/Calendar.svelte

@@ -137,8 +137,11 @@
     /** calendar Bottom Content*/
     calendarBottomContent?: (activeSection: CalendarActiveSection) => Snippet;
 
-    /** Range value */
-    rangeValue?: [Date, Date];
+    /** manipulate date callback */
+    manipulateDate?: (
+      dateToModify: DateOfMonth,
+      settings?: CreateDatesOfMonthSettings,
+    ) => DateOfMonth;
   }
 </script>
 
@@ -164,6 +167,7 @@
     MONTHS,
     type CalendarMonthChipProps,
     type CalendarYearChipProps,
+    type CreateDatesOfMonthSettings,
   } from '$lib/index.js';
   import CalendarMonthList from './SubComponents/CalendarMonthList/CalendarMonthList.svelte';
   import CalendarYearList from './SubComponents/CalendarYearList/CalendarYearList.svelte';
@@ -233,6 +237,7 @@
     showControlsYearList = true,
     calendarTopContent: calendarTopContentInternal,
     calendarBottomContent: calendarBottomContentInternal,
+    manipulateDate,
   }: CalendarProps = $props();
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -399,6 +404,7 @@
     {size}
     {weekendDays}
     {weekendDaysColorDays}
+    {manipulateDate}
   />
 {/snippet}
 

package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/CalendarDateChip.svelte

@@ -20,13 +20,6 @@
     selected?: boolean;
     /** onselect event handler */
     onselect?: (value: Date, dayOfMonth: DateOfMonth, e: ButtonClickEvent) => void;
-    /** onselectRange event handler */
-    onselectRange?: (
-      value: Date,
-      type: DateRangeType,
-      dayOfMonth: DateOfMonth,
-      e: ButtonClickEvent,
-    ) => void;
     /** Custom Calendar Chip Content */
     customCalendarDateChipContent?: (dayOfMonth: DateOfMonth) => Snippet;
     /** Custom Calendar Chip Content */
@@ -39,11 +32,6 @@
     timezone?: string;
     /** Whether to return the time in UTC. If true, overrides timezone. */
     utc?: boolean;
-
-    /** Show Value Range */
-    showValueRange?: boolean;
-    /** Date Range Type */
-    rangeType?: DateRangeType;
   }
 </script>
 
@@ -55,7 +43,7 @@
   import type { Snippet } from 'svelte';
   import type { ButtonClickEvent } from '$lib/stories/components/Form/Button/Button.svelte';
   import type { ComponentSize } from '$lib/types/size.js';
-  import type { DateOfMonth, DateRangeType } from '../../../utils/types.js';
+  import type { DateOfMonth } from '../../../utils/types.js';
 
   let {
     class: className = '',
@@ -70,21 +58,15 @@
     customCalendarDateChipContent: customCalendarDateChipContentInternal,
     customCalendarDateChip: customCalendarDateChipInternal,
     onselect,
-    onselectRange,
     size = 'normal',
     weekend,
     timezone,
     utc,
-    showValueRange = false,
-    rangeType,
   }: CalendarDateChipProps = $props();
 
   const dayNumber = Number(getMoment(dayOfMonth.date, undefined, { timezone, utc }).format('D'));
   const disabled = dayOfMonth.disabled || false;
   const today = showToday && dayOfMonth.today ? true : false;
-  const isRangeStart = rangeType === 'start' || false;
-  const isRangeEnd = rangeType === 'end' || false;
-  const inRange = dayOfMonth.inRange || false;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let customCalendarDateChipContentTyped = customCalendarDateChipContentInternal as any;
@@ -93,9 +75,7 @@
   let customCalendarDateChipTyped = customCalendarDateChipInternal as any;
 
   function onselectMod(e: ButtonClickEvent) {
-    if (showValueRange && onselectRange) {
-      onselectRange(dayOfMonth.date, rangeType || 'start', dayOfMonth, e);
-    } else if (onselect) {
+    if (onselect) {
       onselect(dayOfMonth.date, dayOfMonth, e);
     }
   }
@@ -121,9 +101,6 @@
   class:showNextMonth
   class:today
   class:selected
-  class:isRangeStart
-  class:isRangeEnd
-  class:inRange
   class:weekend
   class={[
     'dodo-ui-CalendarDateChip',

package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDateChip/utils/scss/mixins.scss

@@ -56,22 +56,6 @@
   --dodo-ui-CalendarDateChip-selected-#{$color-name}-active-bg: var(
     --dodo-color-#{$color-name}-100
   );
-
-  --dodo-ui-CalendarDateChip-isRangeStart-#{$color-name}-bg: var(--dodo-color-#{$color-name}-300);
-  --dodo-ui-CalendarDateChip-isRangeStart-#{$color-name}-hover-bg: var(
-    --dodo-color-#{$color-name}-200
-  );
-  --dodo-ui-CalendarDateChip-isRangeStart-#{$color-name}-active-bg: var(
-    --dodo-color-#{$color-name}-100
-  );
-
-  --dodo-ui-CalendarDateChip-isRangeEnd-#{$color-name}-bg: var(--dodo-color-#{$color-name}-300);
-  --dodo-ui-CalendarDateChip-isRangeEnd-#{$color-name}-hover-bg: var(
-    --dodo-color-#{$color-name}-200
-  );
-  --dodo-ui-CalendarDateChip-isRangeEnd-#{$color-name}-active-bg: var(
-    --dodo-color-#{$color-name}-100
-  );
 }
 
 /// Mixin: generate-dodo-ui-calendarDateChip-color
@@ -119,35 +103,5 @@
         }
       }
     }
-
-    &.isRangeStart {
-      .chip:not([disabled]) {
-        color: var(--dodo-color-constant-white);
-        background-color: var(--dodo-ui-CalendarDateChip-isRangeStart-#{$theme}-bg);
-
-        &:hover {
-          background-color: var(--dodo-ui-CalendarDateChip-isRangeStart-#{$theme}-hover-bg);
-        }
-
-        &:active {
-          background-color: var(--dodo-ui-CalendarDateChip-isRangeStart-#{$theme}-active-bg);
-        }
-      }
-    }
-
-    &.isRangeEnd {
-      .chip:not([disabled]) {
-        color: var(--dodo-color-constant-white);
-        background-color: var(--dodo-ui-CalendarDateChip-isRangeEnd-#{$theme}-bg);
-
-        &:hover {
-          background-color: var(--dodo-ui-CalendarDateChip-isRangeEnd-#{$theme}-hover-bg);
-        }
-
-        &:active {
-          background-color: var(--dodo-ui-CalendarDateChip-isRangeEnd-#{$theme}-active-bg);
-        }
-      }
-    }
   }
 }

package/src/lib/stories/components/Info/Calendar/SubComponents/CalendarDatesChart/CalendarDatesChart.svelte

@@ -40,13 +40,6 @@
     includeDates?: Date[];
     /** onselect event handler */
     onselect?: (value: Date, dayOfMonth: DateOfMonth, e: ButtonClickEvent) => void;
-    /** onselectRange event handler */
-    onselectRange?: (
-      value: Date,
-      type: DateRangeType,
-      dayOfMonth: DateOfMonth,
-      e: ButtonClickEvent,
-    ) => void;
     /** Custom Calendar Chip Content */
     customCalendarDateChipContent?: (dayOfMonth: DateOfMonth) => Snippet;
     /** Custom Calendar Chip */
@@ -64,8 +57,11 @@
     /** Color Weekend days */
     weekendDaysColorDays?: boolean;
 
-    /** Range value */
-    rangeValue?: [Date, Date];
+    /** manipulate date callback */
+    manipulateDate?: (
+      dateToModify: DateOfMonth,
+      settings?: CreateDatesOfMonthSettings,
+    ) => DateOfMonth;
   }
 </script>
 
@@ -73,8 +69,7 @@
   import getMoment from '$lib/stories/developer tools/helpers/Time/getMoment/getMoment.js';
   import type { ComponentColor } from '$lib/types/colors.js';
   import type { Snippet } from 'svelte';
-  import getDatesOfMonth from '../../utils/getDatesOfMonth.js';
-  import type { DateOfMonth, DateRangeType } from '../../utils/types.js';
+  import type { DateOfMonth } from '../../utils/types.js';
   import CalendarDateChip, {
     type CalendarDateChipProps,
   } from './CalendarDateChip/CalendarDateChip.svelte';
@@ -85,6 +80,8 @@
     CalendarWeekNames,
   } from './CalendarWeek/CalendarWeek.svelte';
   import type { ComponentSize } from '$lib/types/size.js';
+  import { getDatesOfMonth } from '$lib/index.js';
+  import type { CreateDatesOfMonthSettings } from '../../utils/createDateOfMonth/createDateOfMonth.js';
 
   let {
     class: className = '',
@@ -114,52 +111,28 @@
     size = 'normal',
     weekendDays,
     weekendDaysColorDays = true,
-    rangeValue,
-    onselectRange,
+    manipulateDate,
   }: CalendarDatesChartProps = $props();
 
   let monthToPick = $state<Date | undefined>(undefined);
 
   const daysGroup = $derived(
-    getDatesOfMonth(monthToPick, {
-      startOfWeek,
-      timezone,
-      utc,
-      today,
-      minDate,
-      maxDate,
-      excludeDates,
-      includeDates,
-      rangeValue,
-    }) || [],
+    getDatesOfMonth(
+      monthToPick,
+      {
+        startOfWeek,
+        timezone,
+        utc,
+        today,
+        minDate,
+        maxDate,
+        excludeDates,
+        includeDates,
+      },
+      manipulateDate,
+    ) || [],
   );
 
-  function getRangeType(day: DateOfMonth, rangeValue?: [Date, Date]): DateRangeType | undefined {
-    if (!rangeValue) {
-      return undefined;
-    }
-
-    const [range1, range2] = rangeValue;
-
-    if (!range1 || !range2) {
-      return undefined;
-    }
-
-    if (
-      getMoment(range1, undefined, { timezone, utc }).format('MMM YYYY') ===
-      getMoment(day.date, undefined, { timezone, utc }).format('DD-MM-YYY')
-    ) {
-      return 'start';
-    } else if (
-      getMoment(range2, undefined, { timezone, utc }).format('MMM YYYY') ===
-      getMoment(day.date, undefined, { timezone, utc }).format('DD-MM-YYY')
-    ) {
-      return 'end';
-    }
-
-    return undefined;
-  }
-
   $effect(() => {
     if (!value) {
       monthToPick = activeMonth;
@@ -218,9 +191,6 @@
             )
               ? true
               : false}
-            showValueRange={rangeValue ? true : false}
-            rangeType={getRangeType(day, rangeValue)}
-            {onselectRange}
             {...calendarDateChipProps}
           />
         {/each}

package/src/lib/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.ts

@@ -0,0 +1,120 @@
+import getMoment from '$lib/stories/developer tools/helpers/Time/getMoment/getMoment.js';
+import type dayjs from 'dayjs';
+import type { DateOfMonth } from '../types.js';
+import type { CalendarWeekNames } from '$lib/index.js';
+
+/** Settings for generating calendar dates */
+export interface CreateDatesOfMonthSettings {
+  startOfWeek?: CalendarWeekNames;
+  showLastMonth?: boolean;
+  showNextMonth?: boolean;
+  today?: Date;
+  minDate?: Date;
+  maxDate?: Date;
+  excludeDates?: Date[];
+  includeDates?: Date[];
+  timezone?: string;
+  utc?: boolean;
+}
+
+export type CreateDateOfMonthType = 'currentMonth' | 'nextMonth' | 'lastMonth';
+
+/**
+ * Creates a moment object from a Date with optional timezone and UTC settings.
+ */
+function dateMoment(
+  date?: Date,
+  settings?: CreateDatesOfMonthSettings,
+): ReturnType<typeof getMoment> {
+  return getMoment(date, undefined, {
+    timezone: settings?.timezone,
+    utc: settings?.utc,
+  });
+}
+
+/**
+ * Determines if the given day matches "today" (manual or actual).
+ */
+function getIsToday(dayMoment: dayjs.Dayjs, todayDate: string, todayManual?: string): boolean {
+  const dayDateFormat = dayMoment.format('DD-MM-YYYY');
+  return todayManual === dayDateFormat || todayDate === dayDateFormat;
+}
+
+/**
+ * Determines if a date should be disabled based on limits and included/excluded lists.
+ */
+function getIsDateDisabled(
+  dayMoment: dayjs.Dayjs,
+  minDate?: dayjs.Dayjs,
+  maxDate?: dayjs.Dayjs,
+  excludeDates?: string[],
+  includeDates?: string[],
+): boolean {
+  const dayDateFormat = dayMoment.format('DD-MM-YYYY');
+
+  if (minDate?.isValid() && dayMoment.isBefore(minDate)) return true;
+  if (maxDate?.isValid() && dayMoment.isAfter(maxDate)) return true;
+  if (excludeDates?.includes(dayDateFormat)) return true;
+  if (includeDates && !includeDates.includes(dayDateFormat)) return true;
+
+  return false;
+}
+
+/**
+ * Generates a DateOfMonth object with metadata for a specific day, including
+ * whether it's part of the current month, disabled, or today.
+ *
+ * @param date - The day to convert.
+ * @param settings - Optional configuration settings.
+ * @param monthType - Specifies if the day belongs to the current, previous, or next month.
+ * @param manipulateDate - Optional function to customize the resulting date object.
+ * @returns A DateOfMonth object representing the day.
+ */
+export default function createDateOfMonth(
+  date?: Date,
+  settings?: CreateDatesOfMonthSettings,
+  monthType: CreateDateOfMonthType = 'currentMonth',
+  manipulateDate?: (
+    dateToModify: DateOfMonth,
+    settings?: CreateDatesOfMonthSettings,
+  ) => DateOfMonth,
+): DateOfMonth {
+  const minDate = settings?.minDate ? dateMoment(settings.minDate, settings) : undefined;
+  const maxDate = settings?.maxDate ? dateMoment(settings.maxDate, settings) : undefined;
+
+  const excludeDates = settings?.excludeDates?.map((item) =>
+    dateMoment(item, settings).format('DD-MM-YYYY'),
+  );
+  const includeDates = settings?.includeDates?.map((item) =>
+    dateMoment(item, settings).format('DD-MM-YYYY'),
+  );
+
+  const todayDate = dateMoment(undefined, settings).format('DD-MM-YYYY');
+  const todayManual = settings?.today
+    ? dateMoment(settings.today, settings).format('DD-MM-YYYY')
+    : undefined;
+
+  const dayMoment = dateMoment(date, settings);
+
+  let dataToExport: DateOfMonth = {
+    id: `${dayMoment.valueOf()}`,
+    date: dayMoment.toDate(),
+    isCurrentMonth: true,
+    disabled: getIsDateDisabled(dayMoment, minDate, maxDate, excludeDates, includeDates),
+    today: getIsToday(dayMoment, todayDate, todayManual),
+  };
+
+  if (monthType === 'lastMonth') {
+    dataToExport.isLastMonth = true;
+    dataToExport.isCurrentMonth = false;
+  } else if (monthType === 'nextMonth') {
+    dataToExport.isNextMonth = true;
+    dataToExport.isCurrentMonth = false;
+  }
+
+  if (manipulateDate) {
+    dataToExport = manipulateDate(dataToExport, settings);
+  }
+
+  return dataToExport;
+}

package/src/lib/stories/components/Info/Calendar/utils/{getDatesOfMonth.ts → getDatesOfMonth/getDatesOfMonth.ts}

@@ -1,16 +1,18 @@
 import getMoment from '$lib/stories/developer tools/helpers/Time/getMoment/getMoment.js';
-
-import type { DateOfMonth } from './types.js';
-import { calendarWeekOptions } from '$lib/index.js';
-import createDateOfMonth, { type CreateDatesOfMonthSettings } from './createDateOfMonth.js';
+import {
+  calendarWeekOptions,
+  createDateOfMonth,
+  type CreateDatesOfMonthSettings,
+  type DateOfMonth,
+} from '$lib/index.js';
 
 /**
  * Divides an array into chunks of a given size.
  *
  * @template T - The type of elements in the array.
- * @param {T[]} arr - The array to be chunked.
- * @param {number} size - The chunk size.
- * @returns {T[][]} - An array of chunks.
+ * @param arr - The array to be chunked.
+ * @param size - The chunk size.
+ * @returns An array of chunks.
  */
 function chunkArray<T>(arr: T[], size: number): T[][] {
   const result: T[][] = [];
@@ -20,6 +22,13 @@ function chunkArray<T>(arr: T[], size: number): T[][] {
   return result;
 }
 
+/**
+ * Creates a moment object from a Date with optional timezone and UTC settings.
+ *
+ * @param date - The date to convert.
+ * @param settings - Optional settings for timezone and UTC.
+ * @returns A moment object with the applied settings.
+ */
 function dateMoment(date?: Date, settings?: CreateDatesOfMonthSettings) {
   return getMoment(date, undefined, {
     timezone: settings?.timezone,
@@ -30,13 +39,18 @@ function dateMoment(date?: Date, settings?: CreateDatesOfMonthSettings) {
 /**
  * Generates a calendar grid of dates for a given month.
  *
- * @param {Date} date - The base date for the month to generate.
- * @param {GetDatesOfMonthSettings} [settings] - Optional settings for formatting and display.
- * @returns {(DateOfMonth[][] | null)} - A 2D array of DateOfMonth objects representing the calendar, or null if invalid.
+ * @param date - The base date for the month to generate.
+ * @param settings - Optional settings for formatting and display.
+ * @param manipulateDate - Optional function to modify each generated DateOfMonth.
+ * @returns A 2D array of DateOfMonth objects representing the calendar, or null if invalid.
  */
 export default function getDatesOfMonth(
   date?: Date,
   settings?: CreateDatesOfMonthSettings,
+  manipulateDate?: (
+    dateToModify: DateOfMonth,
+    settings?: CreateDatesOfMonthSettings,
+  ) => DateOfMonth,
 ): DateOfMonth[][] | null {
   if (!date) {
     return null;
@@ -54,6 +68,7 @@ export default function getDatesOfMonth(
   const startOfWeek =
     calendarWeekOptions.find((item) => item.abr3 === settings?.startOfWeek) ||
     calendarWeekOptions[0];
+
   const rawStartOfMonthDay = monthMoment.day();
   const startOfMonthDay = (rawStartOfMonthDay - startOfWeek.value + 7) % 7;
 
@@ -66,15 +81,13 @@ export default function getDatesOfMonth(
   if (showLastMonth) {
     for (let gap = 0; gap < startOfMonthDay; gap++) {
       const dayMoment = lastMonth.clone().add(gap, 'days');
-
-      dates.push(createDateOfMonth(dayMoment.toDate(), settings, 'lastMonth'));
+      dates.push(createDateOfMonth(dayMoment.toDate(), settings, 'lastMonth', manipulateDate));
     }
   }
 
   for (let day = 1; day <= daysInMonth; day++) {
     const dayMoment = monthMoment.clone().set('date', day);
-
-    dates.push(createDateOfMonth(dayMoment.toDate(), settings, 'currentMonth'));
+    dates.push(createDateOfMonth(dayMoment.toDate(), settings, 'currentMonth', manipulateDate));
   }
 
   const datesDivided = chunkArray<DateOfMonth>(dates, 7);
@@ -88,8 +101,9 @@ export default function getDatesOfMonth(
 
       for (let gap = 0; gap < nextMonthDaysRequired; gap++) {
         const dayMoment = nextMonth.clone().add(gap, 'days');
-
-        nextMonthDates.push(createDateOfMonth(dayMoment.toDate(), settings, 'nextMonth'));
+        nextMonthDates.push(
+          createDateOfMonth(dayMoment.toDate(), settings, 'nextMonth', manipulateDate),
+        );
       }
 
       datesDivided[datesDivided.length - 1] = [...lastRow, ...nextMonthDates];

package/src/lib/stories/components/Info/Calendar/utils/types.ts

@@ -31,9 +31,4 @@ export type DateOfMonth = {
   isNextMonth?: boolean;
   disabled?: boolean;
   today?: boolean;
-  isRangeStart?: boolean;
-  isRangeEnd?: boolean;
-  inRange?: boolean;
 };
-
-export type DateRangeType = 'start' | 'end';

package/src/lib/stories/developer tools/helpers/Time/getMoment/getMoment.ts

@@ -1,5 +1,5 @@
 import type { ConfigType, OptionType } from 'dayjs';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import utc from 'dayjs/plugin/utc.js';
 import timezone from 'dayjs/plugin/timezone.js';
 import customParseFormat from 'dayjs/plugin/customParseFormat.js';
@@ -15,14 +15,13 @@ export type GetMomentDate = ConfigType;
 
 /**
  * Optional formatting string used to parse the date.
- * Refer to dayjs customParseFormat plugin for supported formats.
  */
 export type GetMomentFormat = OptionType;
 
 /**
  * Settings to control how the moment is returned (UTC, timezone, or local).
  */
-export type GetMomentSettings = {
+export interface GetMomentSettings {
   /**
    * Timezone string (e.g., "America/New_York").
    */
@@ -32,28 +31,28 @@ export type GetMomentSettings = {
    * Whether to return the time in UTC. If true, overrides timezone.
    */
   utc?: boolean;
-};
+}
 
 /**
  * A wrapper around dayjs to return a moment-like object with optional formatting,
  * timezone, or UTC handling.
  *
- * @param {GetMomentDate} [date] - The input date, time, or string to be parsed.
- * @param {format} [format] - A custom format string for parsing the input date.
- * @param {GetMomentSettings} [settings] - Optional settings for format, timezone, and UTC.
- * @returns {dayjs.Dayjs} - A dayjs object in local, UTC, or specified timezone.
+ * @param date - The input date, time, or string to be parsed.
+ * @param format - A custom format string for parsing the input date.
+ * @param settings - Optional settings for timezone or UTC output.
+ * @returns A dayjs object in local, UTC, or specified timezone.
  *
  * @example
- * getMoment('2025-01-01T12:00:00Z', { utc: true }).format()
- * getMoment('01-01-2025', { format: 'DD-MM-YYYY', timezone: 'Asia/Kolkata' }).format()
+ * getMoment('2025-01-01T12:00:00Z', undefined, { utc: true }).format()
+ * getMoment('01-01-2025', 'DD-MM-YYYY', { timezone: 'Asia/Kolkata' }).format()
  */
 export default function getMoment(
   date?: GetMomentDate,
   format?: GetMomentFormat,
   settings?: GetMomentSettings,
-): dayjs.Dayjs {
+): Dayjs {
   const timezone = settings?.timezone;
-  const utc = settings?.utc ? true : false;
+  const utc = settings?.utc ?? false;
 
   if (utc) {
     return dayjs.utc(dayjs(date, format));

package/dist/stories/components/Info/Calendar/utils/createDateOfMonth.d.ts

@@ -1,28 +0,0 @@
-import type { DateOfMonth } from './types.js';
-import type { CalendarWeekNames } from '../SubComponents/CalendarDatesChart/CalendarWeek/CalendarWeek.svelte';
-export interface CreateDatesOfMonthSettings {
-    /** Day considered as start of the week */
-    startOfWeek?: CalendarWeekNames;
-    /** Include leading days from the previous month */
-    showLastMonth?: boolean;
-    /** Include trailing days from the next month */
-    showNextMonth?: boolean;
-    /** Set today manually  */
-    today?: Date;
-    /** Minimum allowed date, rest of the dates will be disabled  */
-    minDate?: Date;
-    /** Maxium allowed date, rest of the dates will be disabled  */
-    maxDate?: Date;
-    /** Exclude Dates, these dates will be disabled */
-    excludeDates?: Date[];
-    /** Include Dates, rest of the dates will be disabled  */
-    includeDates?: Date[];
-    /** Optional IANA timezone */
-    timezone?: string;
-    /** Use UTC time */
-    utc?: boolean;
-    /** Range value */
-    rangeValue?: [Date, Date];
-}
-export type CreateDateOfMonthType = 'currentMonth' | 'nextMonth' | 'lastMonth';
-export default function createDateOfMonth(date?: Date, settings?: CreateDatesOfMonthSettings, monthType?: CreateDateOfMonthType): DateOfMonth;