@veracity/vui 2.13.6 → 2.14.0

package/dist/esm/calendar/components/timeUnitHeader.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { TimeUnitMode } from '../calendar.types';
+type TimeUnitHeaderProps = {
+    onSetTimeUnitMode: (mode: TimeUnitMode) => void;
+    timeUnitMode: TimeUnitMode;
+    viewMonth: Date;
+};
+/**
+ * Displays the header title with the month and year being viewed
+ */
+export declare const TimeUnitHeader: FC<TimeUnitHeaderProps>;
+export {};
+//# sourceMappingURL=timeUnitHeader.d.ts.map

package/dist/esm/calendar/components/timeUnitHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeUnitHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/timeUnitHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOhD,KAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAyBlD,CAAA"}

package/dist/esm/calendar/components/timeUnitHeader.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Box } from '../../box';
+import { Button } from '../../button';
+import { cs } from '../../utils';
+import { months } from '../consts';
+import { isDay, isMonth, isYear } from '../utils';
+const h = 40;
+const fontSize = 16;
+/**
+ * Displays the header title with the month and year being viewed
+ */
+export const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
+    return (React.createElement(Box, { center: true, className: cs('vui-time-unit-header'), cursor: "pointer", flex: "1", justify: "start" },
+        isDay(timeUnitMode) && (React.createElement(React.Fragment, null,
+            React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('month'), variant: "tertiaryDark" }, months[viewMonth.getUTCMonth()]),
+            React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('year'), variant: "tertiaryDark" }, viewMonth.getUTCFullYear()))),
+        isMonth(timeUnitMode) && (React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('year'), variant: "tertiaryDark" }, viewMonth.getUTCFullYear())),
+        isYear(timeUnitMode) && (React.createElement(Button, { fontSize: fontSize, h: h, onClick: () => onSetTimeUnitMode('day'), variant: "tertiaryDark" }, "Year"))));
+};

package/dist/esm/calendar/components/yearPicker.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TimeResult } from '../calendar.types';
+type YearPickerProps = {
+    calendar: TimeResult;
+    onSelectYear?: (date: Date) => void;
+};
+export declare const YearPicker: ({ calendar, onSelectYear }: YearPickerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=yearPicker.d.ts.map

package/dist/esm/calendar/components/yearPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yearPicker.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/yearPicker.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,UAAU,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,UAAU,+BAAgC,eAAe,gBAarE,CAAA"}

package/dist/esm/calendar/components/yearPicker.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CalendarItem as YearItem, CalendarItemsContainer } from '../calendar.styles';
+export const YearPicker = ({ calendar, onSelectYear }) => (React.createElement(CalendarItemsContainer, { className: "vui-year-picker" }, calendar.items.map(item => (React.createElement(YearItem, { fontWeight: 500, key: item.date.getTime(), onClick: (!item.isDisabled && onSelectYear?.(item.date)) || undefined, ...item }, item.date.getUTCFullYear())))));

package/dist/esm/calendar/consts.d.ts

@@ -0,0 +1,7 @@
+export declare const viewYears = 12;
+export declare const maxDateTimestamp = "9000-12-31T23:59:59Z";
+export declare const minDateTimestamp = "1753-01-02T00:00:00Z";
+export declare const months: string[];
+export declare const monthsShort: string[];
+export declare const weekDays: string[];
+//# sourceMappingURL=consts.d.ts.map

package/dist/esm/calendar/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/calendar/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,KAAK,CAAA;AAE3B,eAAO,MAAM,gBAAgB,yBAAyB,CAAA;AAEtD,eAAO,MAAM,gBAAgB,yBAAyB,CAAA;AAEtD,eAAO,MAAM,MAAM,UAalB,CAAA;AAED,eAAO,MAAM,WAAW,UAAuF,CAAA;AAE/G,eAAO,MAAM,QAAQ,UAA6C,CAAA"}

package/dist/esm/calendar/consts.js

@@ -0,0 +1,19 @@
+export const viewYears = 12;
+export const maxDateTimestamp = '9000-12-31T23:59:59Z';
+export const minDateTimestamp = '1753-01-02T00:00:00Z';
+export const months = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December'
+];
+export const monthsShort = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+export const weekDays = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];

package/dist/esm/calendar/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useBoundaries';
+export * from './useCalendar';
+export * from './useDefaultViewMonth';
+export * from './useSelectedDate';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/calendar/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}

package/dist/esm/calendar/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './useBoundaries';
+export * from './useCalendar';
+export * from './useDefaultViewMonth';
+export * from './useSelectedDate';

package/dist/esm/calendar/hooks/useBoundaries.d.ts

@@ -0,0 +1,12 @@
+import { DateRange } from '../calendar.types';
+/**
+ * Calculates boundaries for max/min dates allowed
+ * Memoized so it will only recalculate when the boundaries changes
+ */
+export declare const useBoundaries: ({ boundaries }: {
+    boundaries?: DateRange | undefined;
+}) => {
+    maxDateTime: Date;
+    minDateTime: Date;
+};
+//# sourceMappingURL=useBoundaries.d.ts.map

package/dist/esm/calendar/hooks/useBoundaries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoundaries.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useBoundaries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG7C;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAQzB,CAAA"}

package/dist/esm/calendar/hooks/useBoundaries.js

@@ -0,0 +1,12 @@
+import { maxDateTimestamp, minDateTimestamp } from '../consts';
+/**
+ * Calculates boundaries for max/min dates allowed
+ * Memoized so it will only recalculate when the boundaries changes
+ */
+export const useBoundaries = ({ boundaries }) => {
+    const min = new Date(minDateTimestamp);
+    const max = new Date(maxDateTimestamp);
+    const minDateTime = boundaries?.startDate || min;
+    const maxDateTime = boundaries?.endDate || max;
+    return { maxDateTime, minDateTime };
+};

package/dist/esm/calendar/hooks/useCalendar.d.ts

@@ -0,0 +1,8 @@
+import { MonthProps, TimeResult } from '../calendar.types';
+/**
+ * Main hook for doing calendar calculations
+ * Calculates for all time unit modes: day, month and year
+ * Depends on useBoundaries and useSelectedDate to do initial setup
+ */
+export declare const useCalendar: ({ boundaries, selectedDates, mode, timeUnitMode, viewDate, fixedNumberOfWeeks }: MonthProps) => TimeResult;
+//# sourceMappingURL=useCalendar.d.ts.map

package/dist/esm/calendar/hooks/useCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useCalendar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAY,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAMpE;;;;GAIG;AACH,eAAO,MAAM,WAAW,oFAOrB,UAAU,eA+JZ,CAAA"}

package/dist/esm/calendar/hooks/useCalendar.js

@@ -0,0 +1,139 @@
+import { useMemo } from 'react';
+import { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils';
+import { viewYears } from '../consts';
+import { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from '../utils';
+import { useBoundaries } from './useBoundaries';
+import { useSelectedDate } from './useSelectedDate';
+/**
+ * Main hook for doing calendar calculations
+ * Calculates for all time unit modes: day, month and year
+ * Depends on useBoundaries and useSelectedDate to do initial setup
+ */
+export const useCalendar = ({ boundaries, selectedDates, mode = 'exact', timeUnitMode, viewDate, fixedNumberOfWeeks }) => {
+    const boundariesProcessed = useBoundaries({ boundaries });
+    const selectedProcessed = useSelectedDate({ selectedDates, mode });
+    return useMemo(() => {
+        const { maxDateTime, minDateTime } = boundariesProcessed;
+        const { currentDateTime, maxSelectedDateTime, minSelectedDateTime } = selectedProcessed;
+        const { utcYear: viewDateYear, utcMonth: viewDateMonth } = getDateUTCValue(viewDate);
+        let calendarFirstDay;
+        let calendarLastDay;
+        let nextFirstDay;
+        let prevLastDay;
+        let firstDay;
+        let lastDay;
+        if (isDay(timeUnitMode)) {
+            firstDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 1);
+            lastDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 0); // lastDay
+            nextFirstDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 1);
+            prevLastDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 0);
+            const weekdayFirst = firstDay.getUTCDay();
+            const weekdayLast = lastDay.getUTCDay();
+            // Monday preceding the month (or first day of the month if it's on a Monday)
+            calendarFirstDay =
+                weekdayFirst === 0
+                    ? new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - 7))
+                    : new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - weekdayFirst));
+            // Sunday after the month (or last day of the month if it's on a Sunday)
+            calendarLastDay =
+                weekdayLast === 0
+                    ? new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 0))
+                    : new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 8 - weekdayLast));
+            // If calendar must contain constant number of weeks (6 weeks)
+            // Missing weeks will be added to the end of the month
+            const numberOfWeeks = Math.round((+calendarLastDay - +calendarFirstDay) / (7 * 24 * 60 * 60 * 1000));
+            if (fixedNumberOfWeeks) {
+                for (let week = numberOfWeeks; week < 6; week++) {
+                    calendarLastDay = generateDateByUTCValue(calendarLastDay.getUTCFullYear(), calendarLastDay.getUTCMonth(), calendarLastDay.getUTCDate() + 7);
+                }
+            }
+        }
+        else if (isMonth(timeUnitMode)) {
+            calendarFirstDay = firstDay = generateDateByUTCValue(viewDateYear, 0, 1);
+            calendarLastDay = lastDay = generateDateByUTCValue(viewDateYear, 11, 31);
+            nextFirstDay = generateDateByUTCValue(viewDateYear + 1, 0, 1);
+            prevLastDay = generateDateByUTCValue(viewDateYear - 1, 11, 31);
+        }
+        else {
+            const calendarStartYear = new Date().getUTCFullYear() - viewYears / 2;
+            const diffYears = calendarStartYear - viewDateYear;
+            const startYear = calendarStartYear - Math.ceil(diffYears / viewYears) * viewYears;
+            const endYear = startYear + viewYears - 1;
+            if (startYear === 1753)
+                calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 2);
+            else
+                calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 1);
+            calendarLastDay = lastDay = generateDateByUTCValue(endYear, 11, 31);
+            nextFirstDay = generateDateByUTCValue(endYear + 1, 0, 1);
+            prevLastDay = generateDateByUTCValue(startYear - 1, 11, 31);
+        }
+        const items = [];
+        // Loops between first and last date
+        let dateItem = calendarFirstDay;
+        do {
+            const isHidden = dateItem < firstDay || dateItem >= lastDay;
+            const isToday = sameDate(dateItem, new Date());
+            const { utcYear: minDateYear, utcMonth: minDateMonth } = getDateUTCValue(minDateTime);
+            let minUnitModeDate = minDateTime;
+            if (isMonth(timeUnitMode))
+                // Need to compare with the first day of the month to decide if the month is disabled in the month overview
+                minUnitModeDate = generateDateByUTCValue(minDateYear, minDateMonth, 1);
+            else if (isYear(timeUnitMode))
+                // Need to compare with the first day of the year to decide if the year is disabled in the year overview
+                minUnitModeDate = generateDateByUTCValue(minDateYear, 0, 1);
+            const isDisabled = dateItem < minUnitModeDate || dateItem > maxDateTime ? true : false;
+            // The calendar only select a single date
+            const isExactSelected = isExact(mode) && minSelectedDateTime && +dateItem === +minSelectedDateTime;
+            // The calendar selects a range
+            const inRangeLow = minSelectedDateTime && dateItem >= minSelectedDateTime;
+            const inRangeHigh = maxSelectedDateTime && dateItem <= maxSelectedDateTime;
+            const inRange = !isExact(mode) &&
+                ((!isDisabled && inRangeLow && (!maxSelectedDateTime || inRangeHigh)) ||
+                    (inRangeHigh && (!minSelectedDateTime || inRangeLow)));
+            const isRangeSelected = isRange(mode) && inRange;
+            const isFromSelected = isFrom(mode) && inRangeLow;
+            const isToSelected = isTo(mode) && inRangeHigh;
+            const isSelected = !!(isExactSelected || isFromSelected || isToSelected || isRangeSelected);
+            let maxSelectedCheck = maxSelectedDateTime;
+            let minSelectedCheck = minSelectedDateTime;
+            if (isYear(timeUnitMode)) {
+                if (maxSelectedCheck)
+                    maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), 0, 1);
+                if (minSelectedCheck)
+                    minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), 0, 1);
+            }
+            if (isMonth(timeUnitMode)) {
+                if (maxSelectedCheck)
+                    maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), maxSelectedCheck.getUTCMonth(), 1);
+                if (minSelectedCheck)
+                    minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), minSelectedCheck.getUTCMonth(), 1);
+            }
+            const boundary = !isTo(mode) && sameDate(dateItem, minSelectedCheck);
+            let current;
+            if (isDay(timeUnitMode))
+                current = sameDate(dateItem, currentDateTime);
+            else if (isMonth(timeUnitMode))
+                current = sameYearSameMonth(dateItem, currentDateTime);
+            else
+                current = sameYear(dateItem, currentDateTime);
+            items.push({
+                date: dateItem,
+                isHidden,
+                isToday,
+                isDisabled: boundary ? false : isDisabled,
+                isSelected,
+                boundary,
+                current
+            });
+            dateItem = getNextDate(dateItem, timeUnitMode);
+        } while (dateItem <= calendarLastDay);
+        // Disables next/prev buttons
+        const prevDisabled = minDateTime > prevLastDay;
+        const nextDisabled = maxDateTime < nextFirstDay;
+        return {
+            items,
+            prevDisabled,
+            nextDisabled
+        };
+    }, [boundaries, selectedDates, mode, timeUnitMode, viewDate]);
+};

package/dist/esm/calendar/hooks/useDefaultViewMonth.d.ts

@@ -0,0 +1,8 @@
+import { DefaultViewMonthProps } from '../calendar.types';
+/**
+ * Calculates the default view date, either using selected date, current date or boundaries
+ * Used when initializing, after that viewDate will be set
+ * Memoized so will only recalculate when boundaries or selectedDate changes
+ */
+export declare const useDefaultViewMonth: ({ boundaries, selectedDate, isStartDate }: DefaultViewMonthProps) => Date;
+//# sourceMappingURL=useDefaultViewMonth.d.ts.map

package/dist/esm/calendar/hooks/useDefaultViewMonth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultViewMonth.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useDefaultViewMonth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAEzD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,8CAA+C,qBAAqB,SAUnG,CAAA"}

package/dist/esm/calendar/hooks/useDefaultViewMonth.js

@@ -0,0 +1,17 @@
+/**
+ * Calculates the default view date, either using selected date, current date or boundaries
+ * Used when initializing, after that viewDate will be set
+ * Memoized so will only recalculate when boundaries or selectedDate changes
+ */
+export const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }) => {
+    if (selectedDate)
+        return selectedDate;
+    const currentDate = new Date();
+    if (!boundaries)
+        return currentDate;
+    if (boundaries.endDate && currentDate > boundaries.endDate && !isStartDate)
+        return boundaries.endDate;
+    if (boundaries.startDate && currentDate > boundaries.startDate && isStartDate)
+        return boundaries.startDate;
+    return currentDate;
+};

package/dist/esm/calendar/hooks/useSelectedDate.d.ts

@@ -0,0 +1,15 @@
+import { CalendarMode, DateRange } from '../calendar.types';
+/**
+ * Calculate the selected dates
+ * If we are in single calendar mode, will use the startDate as selected date
+ * Memoized so will only recalculate when selectedDates or mode changes
+ */
+export declare const useSelectedDate: ({ selectedDates, mode }: {
+    mode: CalendarMode;
+    selectedDates?: DateRange | undefined;
+}) => {
+    currentDateTime: Date | undefined;
+    maxSelectedDateTime: Date | undefined;
+    minSelectedDateTime: Date | undefined;
+};
+//# sourceMappingURL=useSelectedDate.d.ts.map

package/dist/esm/calendar/hooks/useSelectedDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectedDate.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/useSelectedDate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAG3D;;;;GAIG;AACH,eAAO,MAAM,eAAe;UAAqC,YAAY;;;;;;CAW5E,CAAA"}

package/dist/esm/calendar/hooks/useSelectedDate.js

@@ -0,0 +1,16 @@
+import { isExact, isFrom } from '../utils';
+/**
+ * Calculate the selected dates
+ * If we are in single calendar mode, will use the startDate as selected date
+ * Memoized so will only recalculate when selectedDates or mode changes
+ */
+export const useSelectedDate = ({ selectedDates, mode }) => {
+    const currentDateTime = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate;
+    const minSelectedDateTime = selectedDates?.startDate || undefined;
+    const maxSelectedDateTime = selectedDates?.endDate || undefined;
+    return {
+        currentDateTime,
+        maxSelectedDateTime,
+        minSelectedDateTime
+    };
+};

package/dist/esm/calendar/index.d.ts

@@ -0,0 +1,5 @@
+export * from './calendar';
+export { default } from './calendar';
+export * from './calendar.types';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA"}

package/dist/esm/calendar/index.js

@@ -0,0 +1,4 @@
+export * from './calendar';
+export { default } from './calendar';
+export * from './calendar.types';
+export * from './consts';

package/dist/esm/calendar/theme.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {};
+    sizes: {};
+    variants: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/esm/calendar/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/calendar/theme.ts"],"names":[],"mappings":";;;;;;AAQA,wBAKC"}

package/dist/esm/calendar/theme.js

@@ -0,0 +1,10 @@
+const baseStyle = {};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+export default {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/esm/calendar/utils.d.ts

@@ -0,0 +1,26 @@
+import { CalendarMode, DateRange, FlowDirection, TimeItem, TimeUnitMode } from './calendar.types';
+export declare const isExact: (mode?: CalendarMode) => boolean;
+export declare const isFrom: (mode?: CalendarMode) => boolean;
+export declare const isTo: (mode?: CalendarMode) => boolean;
+export declare const isRange: (mode?: CalendarMode) => boolean;
+export declare const isDay: (timeUnitMode?: TimeUnitMode) => boolean;
+export declare const isMonth: (timeUnitMode?: TimeUnitMode) => boolean;
+export declare const isYear: (timeUnitMode?: TimeUnitMode) => boolean;
+/**
+ * Helper to get the next date item when iterating between two dates
+ * @param date current date in the iteration
+ * @param timeUnitMode time unit mode for day, month, year
+ */
+export declare const getNextDate: (date: Date, timeUnitMode?: TimeUnitMode) => Date;
+export declare const processSelectMonth: (clickedDate: Date, mode: CalendarMode, boundaries?: DateRange) => Date;
+/**
+ * Helper that calcs what new date we should set as viewDate when a year is clicked
+ *
+ * @param clickedDate date of year clicked
+ * @param newDate pre-processed potential new view date
+ * @param mode calendar mode
+ * @param boundaries boundaries of date range
+ */
+export declare const processSelectYear: (clickedData: Date, mode: CalendarMode, boundaries?: DateRange) => Date;
+export declare const processViewDate: (viewDate: Date, direction: FlowDirection, timeUnitMode: TimeUnitMode, calendarItems?: TimeItem[]) => Date | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/calendar/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/calendar/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAGjG,eAAO,MAAM,OAAO,UAAW,YAAY,YAAqB,CAAA;AAChE,eAAO,MAAM,MAAM,UAAW,YAAY,YAAoB,CAAA;AAC9D,eAAO,MAAM,IAAI,UAAW,YAAY,YAAkB,CAAA;AAC1D,eAAO,MAAM,OAAO,UAAW,YAAY,YAAqB,CAAA;AAEhE,eAAO,MAAM,KAAK,kBAAmB,YAAY,YAA2B,CAAA;AAC5E,eAAO,MAAM,OAAO,kBAAmB,YAAY,YAA6B,CAAA;AAChF,eAAO,MAAM,MAAM,kBAAmB,YAAY,YAA4B,CAAA;AAE9E;;;;GAIG;AACH,eAAO,MAAM,WAAW,SAAU,IAAI,iBAAiB,YAAY,SAMlE,CAAA;AAED,eAAO,MAAM,kBAAkB,gBAAiB,IAAI,QAAQ,YAAY,eAAe,SAAS,SAkB/F,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,gBAAiB,IAAI,QAAQ,YAAY,eAAe,SAAS,SAmB9F,CAAA;AAED,eAAO,MAAM,eAAe,aAChB,IAAI,aACH,aAAa,gBACV,YAAY,kBACV,QAAQ,EAAE,gBAoB3B,CAAA"}

package/dist/esm/calendar/utils.js

@@ -0,0 +1,81 @@
+import { generateDateByUTCValue, getDateUTCValue, sameYear, sameYearSameMonth } from '../utils';
+import { minDateTimestamp, viewYears } from './consts';
+export const isExact = (mode) => mode === 'exact';
+export const isFrom = (mode) => mode === 'from';
+export const isTo = (mode) => mode === 'to';
+export const isRange = (mode) => mode === 'range';
+export const isDay = (timeUnitMode) => timeUnitMode === 'day';
+export const isMonth = (timeUnitMode) => timeUnitMode === 'month';
+export const isYear = (timeUnitMode) => timeUnitMode === 'year';
+/**
+ * Helper to get the next date item when iterating between two dates
+ * @param date current date in the iteration
+ * @param timeUnitMode time unit mode for day, month, year
+ */
+export const getNextDate = (date, timeUnitMode) => {
+    const { utcYear, utcMonth, utcDate } = getDateUTCValue(date);
+    if (isDay(timeUnitMode))
+        return generateDateByUTCValue(utcYear, utcMonth, utcDate + 1);
+    if (isMonth(timeUnitMode))
+        return generateDateByUTCValue(utcYear, utcMonth + 1, utcDate);
+    return generateDateByUTCValue(utcYear + 1, utcMonth, utcDate);
+};
+export const processSelectMonth = (clickedDate, mode, boundaries) => {
+    const date = clickedDate;
+    const minDateTime = new Date(minDateTimestamp);
+    const { utcYear, utcMonth } = getDateUTCValue(clickedDate);
+    if (isTo(mode)) {
+        const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate();
+        if (boundaries?.endDate && sameYearSameMonth(clickedDate, boundaries?.endDate))
+            return boundaries?.endDate;
+        return generateDateByUTCValue(utcYear, utcMonth, selectDayInMonth);
+    }
+    if (isFrom(mode) && boundaries?.startDate && sameYearSameMonth(clickedDate, boundaries?.startDate))
+        return boundaries?.startDate;
+    if (isExact(mode) && sameYear(clickedDate, minDateTime))
+        return minDateTime;
+    return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date;
+};
+/**
+ * Helper that calcs what new date we should set as viewDate when a year is clicked
+ *
+ * @param clickedDate date of year clicked
+ * @param newDate pre-processed potential new view date
+ * @param mode calendar mode
+ * @param boundaries boundaries of date range
+ */
+export const processSelectYear = (clickedData, mode, boundaries) => {
+    const { utcYear, utcMonth } = getDateUTCValue(clickedData);
+    const minDateTime = new Date(minDateTimestamp);
+    const date = clickedData;
+    if (isTo(mode)) {
+        const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate();
+        const selectMonthInYear = 11;
+        if (boundaries?.endDate && sameYear(clickedData, boundaries?.endDate))
+            return boundaries.endDate;
+        return generateDateByUTCValue(clickedData.getUTCFullYear(), selectMonthInYear, selectDayInMonth);
+    }
+    if (isFrom(mode) && boundaries?.startDate && sameYear(clickedData, boundaries?.startDate))
+        return boundaries.startDate;
+    if (isExact(mode) && sameYear(clickedData, minDateTime))
+        return minDateTime;
+    return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date;
+};
+export const processViewDate = (viewDate, direction, timeUnitMode, calendarItems) => {
+    const { utcYear, utcMonth } = getDateUTCValue(viewDate);
+    if (isDay(timeUnitMode)) {
+        const newMonth = generateDateByUTCValue(utcYear, utcMonth + (direction === 'next' ? 1 : -1));
+        return newMonth;
+    }
+    if (isMonth(timeUnitMode)) {
+        const newMonth = generateDateByUTCValue(utcYear + (direction === 'next' ? 1 : -1), 0);
+        return newMonth;
+    }
+    if (calendarItems) {
+        const date = calendarItems[direction === 'next' ? calendarItems.length - 1 : 0].date;
+        const year = date.getUTCFullYear();
+        const newViewDate = generateDateByUTCValue(year + (direction === 'next' ? 1 : -viewYears), 0);
+        return newViewDate;
+    }
+    return null;
+};

package/dist/esm/core/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/core/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAa,WAAW,EAAe,MAAM,4BAA4B,CAAA;AAI/F,OAAqB,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAA;AAErE,KAAK,cAAc,CAAC,QAAQ,SAAS,MAAM,QAAQ,IAAI,WAAW,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA;AAEpH,8CAA8C;AAC9C,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAC1D,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACvC,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAClC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC/B,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACrC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC7B,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACrC,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IACzC,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACvC,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACjC,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACjC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC7B,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC/B,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACvC,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IACzC,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACnC,CAAA;AAED,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,UAAU,EAAE,kBAAkB,GAAG,QAAQ,CAEpE;AAED,0DAA0D;AAC1D,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,CAAC,+BAIhE;AAED,sEAAsE;AACtE,QAAA,MAAM,EAAE,UAA6B,CAAA;AAMrC,OAAO,EAAE,EAAE,EAAE,CAAA;AAEb;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,GAAE,GAAQ,aA4BtF;AAED,6CAA6C;AAC7C,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,QAAQ,GAAG,SAAS,EAAE,YAAY,CAAC,EAAE,GAAG,OAGzE;AAED,gDAAgD;AAChD,wBAAgB,QAAQ,IAAI,QAAQ,CAEnC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/core/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAa,WAAW,EAAe,MAAM,4BAA4B,CAAA;AAI/F,OAAqB,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAA;AAErE,KAAK,cAAc,CAAC,QAAQ,SAAS,MAAM,QAAQ,IAAI,WAAW,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA;AAEpH,8CAA8C;AAC9C,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAC1D,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACvC,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAClC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC/B,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACrC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC7B,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;IACrC,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IACzC,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACvC,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACjC,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACjC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC7B,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC/B,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACvC,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IACzC,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACnC,CAAA;AAED,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,UAAU,EAAE,kBAAkB,GAAG,QAAQ,CAEpE;AAED,0DAA0D;AAC1D,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,CAAC,+BAIhE;AAED,sEAAsE;AACtE,QAAA,MAAM,EAAE,UAA6B,CAAA;AAMrC,OAAO,EAAE,EAAE,EAAE,CAAA;AAEb;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,GAAE,GAAQ,aA0BtF;AAED,6CAA6C;AAC7C,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,QAAQ,GAAG,SAAS,EAAE,YAAY,CAAC,EAAE,GAAG,OAGzE;AAED,gDAAgD;AAChD,wBAAgB,QAAQ,IAAI,QAAQ,CAEnC"}

package/dist/esm/core/theme.js

@@ -40,14 +40,12 @@ export function useStyleConfig(component, props = {}) {
         const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {};
         const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {};
         let styles = {};
-        if (parts.length > 0) {
+        if (parts.length > 0)
             parts.forEach((part) => {
                 styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {});
             });
-        }
-        else {
+        else
             styles = merge(baseStyles, sizeStyles, variantStyles);
-        }
         return styles;
     }, [colorScheme, size, variant]);
 }

package/dist/esm/datePicker/components/pickerPanel.d.ts

@@ -0,0 +1,6 @@
+import { DatePickerPopupPosition } from '../datePicker.types';
+export declare const PickerPanel: import("styled-components").StyledComponent<import("../../core").VuiComponent<"div", import("../../panel").PanelProps>, import("styled-components").DefaultTheme, {
+    popupPosition: DatePickerPopupPosition;
+    showPopupBelow: boolean;
+}, never>;
+//# sourceMappingURL=pickerPanel.d.ts.map

package/dist/esm/datePicker/components/pickerPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickerPanel.d.ts","sourceRoot":"","sources":["../../../../src/datePicker/components/pickerPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAE7D,eAAO,MAAM,WAAW;mBAAkC,uBAAuB;oBAAkB,OAAO;SAiBzG,CAAA"}

package/dist/esm/datePicker/components/pickerPanel.js

@@ -0,0 +1,19 @@
+import { css, styled } from '../../core';
+import Panel from '../../panel';
+export const PickerPanel = styled(Panel) `
+  display: flex;
+  flex-direction: column;
+  padding: 0px;
+  position: absolute;
+  z-index: 999;
+  ${p => (p.popupPosition === 'right' ? 'right: 0;' : 'left: 0;')}
+  ${p => p.showPopupBelow
+    ? css `
+          margin-top: 50px;
+          top: 0;
+        `
+    : css `
+          bottom: 0;
+          margin-bottom: 50px;
+        `}
+`;

package/dist/esm/datePicker/dateInput.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { InputProps } from '../input';
+type Props = InputProps & {
+    initialDate?: Date;
+    onChange: (date?: Date) => void;
+    onValidate: (date?: Date) => string;
+    setValidateStatus: (inValid: boolean) => void;
+};
+export declare const DateInput: ({ initialDate, onChange, onValidate, setValidateStatus, ...rest }: Props) => JSX.Element;
+export {};
+//# sourceMappingURL=dateInput.d.ts.map

package/dist/esm/datePicker/dateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateInput.d.ts","sourceRoot":"","sources":["../../../src/datePicker/dateInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAA;AAI5C,KAAK,KAAK,GAAG,UAAU,GAAG;IACxB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM,CAAA;IACnC,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,SAAS,sEAAuE,KAAK,gBA+DjG,CAAA"}