@veracity/vui 2.14.0-beta.0 → 2.14.0

package/dist/cjs/theme/components.js

@@ -10,43 +10,45 @@ const theme_3 = __importDefault(require("../badge/theme"));
 const theme_4 = __importDefault(require("../box/theme"));
 const theme_5 = __importDefault(require("../breadcrumbs/theme"));
 const theme_6 = __importDefault(require("../button/theme"));
-const theme_7 = __importDefault(require("../card/theme"));
-const theme_8 = __importDefault(require("../checkbox/theme"));
-const theme_9 = __importDefault(require("../definition/theme"));
-const theme_10 = __importDefault(require("../dialog/theme"));
-const theme_11 = __importDefault(require("../divider/theme"));
-const theme_12 = __importDefault(require("../dragAndDrop/theme"));
-const theme_13 = __importDefault(require("../footer/theme"));
-const theme_14 = __importDefault(require("../grid/theme"));
-const theme_15 = __importDefault(require("../header/theme"));
-const theme_16 = __importDefault(require("../heading/theme"));
-const theme_17 = __importDefault(require("../icon/theme"));
-const theme_18 = __importDefault(require("../image/theme"));
-const theme_19 = __importDefault(require("../input/theme"));
-const theme_20 = __importDefault(require("../link/theme"));
-const theme_21 = __importDefault(require("../list/theme"));
-const theme_22 = __importDefault(require("../menu/theme"));
-const theme_23 = __importDefault(require("../message/theme"));
-const theme_24 = __importDefault(require("../modal/theme"));
-const theme_25 = __importDefault(require("../notification/theme"));
-const theme_26 = __importDefault(require("../p/theme"));
-const theme_27 = __importDefault(require("../pagination/theme"));
-const theme_28 = __importDefault(require("../panel/theme"));
-const theme_29 = __importDefault(require("../popover/theme"));
-const theme_30 = __importDefault(require("../progress/theme"));
-const theme_31 = __importDefault(require("../progressCircular/theme"));
-const theme_32 = __importDefault(require("../radio/theme"));
-const theme_33 = __importDefault(require("../select/theme"));
-const theme_34 = __importDefault(require("../sidemenu/theme"));
-const theme_35 = __importDefault(require("../skeleton/theme"));
-const theme_36 = __importDefault(require("../spinner/theme"));
-const theme_37 = __importDefault(require("../switch/theme"));
-const theme_38 = __importDefault(require("../t/theme"));
-const theme_39 = __importDefault(require("../table/theme"));
-const theme_40 = __importDefault(require("../tabs/theme"));
-const theme_41 = __importDefault(require("../tag/theme"));
-const theme_42 = __importDefault(require("../textarea/theme"));
-const theme_43 = __importDefault(require("../tree/theme"));
+const theme_7 = __importDefault(require("../calendar/theme"));
+const theme_8 = __importDefault(require("../card/theme"));
+const theme_9 = __importDefault(require("../checkbox/theme"));
+const theme_10 = __importDefault(require("../datePicker/theme"));
+const theme_11 = __importDefault(require("../definition/theme"));
+const theme_12 = __importDefault(require("../dialog/theme"));
+const theme_13 = __importDefault(require("../divider/theme"));
+const theme_14 = __importDefault(require("../dragAndDrop/theme"));
+const theme_15 = __importDefault(require("../footer/theme"));
+const theme_16 = __importDefault(require("../grid/theme"));
+const theme_17 = __importDefault(require("../header/theme"));
+const theme_18 = __importDefault(require("../heading/theme"));
+const theme_19 = __importDefault(require("../icon/theme"));
+const theme_20 = __importDefault(require("../image/theme"));
+const theme_21 = __importDefault(require("../input/theme"));
+const theme_22 = __importDefault(require("../link/theme"));
+const theme_23 = __importDefault(require("../list/theme"));
+const theme_24 = __importDefault(require("../menu/theme"));
+const theme_25 = __importDefault(require("../message/theme"));
+const theme_26 = __importDefault(require("../modal/theme"));
+const theme_27 = __importDefault(require("../notification/theme"));
+const theme_28 = __importDefault(require("../p/theme"));
+const theme_29 = __importDefault(require("../pagination/theme"));
+const theme_30 = __importDefault(require("../panel/theme"));
+const theme_31 = __importDefault(require("../popover/theme"));
+const theme_32 = __importDefault(require("../progress/theme"));
+const theme_33 = __importDefault(require("../progressCircular/theme"));
+const theme_34 = __importDefault(require("../radio/theme"));
+const theme_35 = __importDefault(require("../select/theme"));
+const theme_36 = __importDefault(require("../sidemenu/theme"));
+const theme_37 = __importDefault(require("../skeleton/theme"));
+const theme_38 = __importDefault(require("../spinner/theme"));
+const theme_39 = __importDefault(require("../switch/theme"));
+const theme_40 = __importDefault(require("../t/theme"));
+const theme_41 = __importDefault(require("../table/theme"));
+const theme_42 = __importDefault(require("../tabs/theme"));
+const theme_43 = __importDefault(require("../tag/theme"));
+const theme_44 = __importDefault(require("../textarea/theme"));
+const theme_45 = __importDefault(require("../tree/theme"));
 const themePlaceholder_1 = __importDefault(require("./themePlaceholder"));
 // Official external components
 const Markdown = themePlaceholder_1.default;
@@ -58,43 +60,45 @@ exports.default = {
     Box: theme_4.default,
     Breadcrumbs: theme_5.default,
     Button: theme_6.default,
-    Card: theme_7.default,
-    Checkbox: theme_8.default,
-    Dialog: theme_10.default,
-    Divider: theme_11.default,
-    DragAndDrop: theme_12.default,
-    Footer: theme_13.default,
-    Grid: theme_14.default,
-    Header: theme_15.default,
-    Heading: theme_16.default,
-    Icon: theme_17.default,
-    Image: theme_18.default,
-    Input: theme_19.default,
-    Link: theme_20.default,
-    List: theme_21.default,
+    Calendar: theme_7.default,
+    Card: theme_8.default,
+    Checkbox: theme_9.default,
+    DatePicker: theme_10.default,
+    Dialog: theme_12.default,
+    Divider: theme_13.default,
+    DragAndDrop: theme_14.default,
+    Footer: theme_15.default,
+    Grid: theme_16.default,
+    Header: theme_17.default,
+    Heading: theme_18.default,
+    Icon: theme_19.default,
+    Image: theme_20.default,
+    Input: theme_21.default,
+    Link: theme_22.default,
+    List: theme_23.default,
     Markdown,
     MarkdownEditor,
-    Menu: theme_22.default,
-    Message: theme_23.default,
-    Modal: theme_24.default,
-    Notification: theme_25.default,
-    P: theme_26.default,
-    Pagination: theme_27.default,
-    Panel: theme_28.default,
-    Progress: theme_30.default,
-    ProgressCircular: theme_31.default,
-    Definition: theme_9.default,
-    Popover: theme_29.default,
-    Radio: theme_32.default,
-    Select: theme_33.default,
-    Sidemenu: theme_34.default,
-    Skeleton: theme_35.default,
-    Spinner: theme_36.default,
-    Switch: theme_37.default,
-    T: theme_38.default,
-    Table: theme_39.default,
-    Tabs: theme_40.default,
-    Tag: theme_41.default,
-    Textarea: theme_42.default,
-    Tree: theme_43.default
+    Menu: theme_24.default,
+    Message: theme_25.default,
+    Modal: theme_26.default,
+    Notification: theme_27.default,
+    P: theme_28.default,
+    Pagination: theme_29.default,
+    Panel: theme_30.default,
+    Progress: theme_32.default,
+    ProgressCircular: theme_33.default,
+    Definition: theme_11.default,
+    Popover: theme_31.default,
+    Radio: theme_34.default,
+    Select: theme_35.default,
+    Sidemenu: theme_36.default,
+    Skeleton: theme_37.default,
+    Spinner: theme_38.default,
+    Switch: theme_39.default,
+    T: theme_40.default,
+    Table: theme_41.default,
+    Tabs: theme_42.default,
+    Tag: theme_43.default,
+    Textarea: theme_44.default,
+    Tree: theme_45.default
 };

package/dist/cjs/theme/defaultTheme.d.ts

@@ -1214,6 +1214,12 @@ declare const defaultTheme: {
                 };
             };
         };
+        Calendar: {
+            baseStyle: {};
+            defaultProps: {};
+            sizes: {};
+            variants: {};
+        };
         Card: {
             baseStyle: {
                 bg: string;
@@ -1268,6 +1274,12 @@ declare const defaultTheme: {
             };
             variants: {};
         };
+        DatePicker: {
+            baseStyle: {};
+            defaultProps: {};
+            sizes: {};
+            variants: {};
+        };
         Dialog: {
             baseStyle: {};
             defaultProps: {

package/dist/cjs/theme/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/cjs/utils/dates.d.ts

@@ -2,4 +2,24 @@
 export declare function isValidDate(value: Date | string | number): boolean;
 /** Formats the date to ISO format: 'yyyy-mm-dd' */
 export declare function formatIsoDate(date: Date | string | number): string | undefined;
+/**
+ * Parses string date with the iso format of YYYY-mm-dd
+ * @param input string
+ * @returns Date | undefined
+ */
+export declare function parseIsoDate(input?: string): Date | undefined;
+/**
+ * Validation for 'YYYY-MM-DD' format
+ */
+export declare function validateDateFormat(dateString: string): RegExpMatchArray | null;
+export declare const getDateUTCValue: (date: Date) => {
+    utcYear: number;
+    utcMonth: number;
+    utcDate: number;
+};
+export declare const generateDateByUTCValue: (year: number, month: number, day?: number) => Date;
+export declare const sameYearSameMonth: (a?: Date, b?: Date) => boolean;
+export declare const sameYear: (a?: Date, b?: Date) => boolean;
+export declare const sameDate: (a?: Date, b?: Date) => boolean;
+export declare const utcDateToLocale: (utcDate?: Date) => string | undefined;
 //# sourceMappingURL=dates.d.ts.map

package/dist/cjs/utils/dates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../src/utils/dates.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,WAExD;AAED,mDAAmD;AACnD,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,sBAOzD"}
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../src/utils/dates.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,WAExD;AAED,mDAAmD;AACnD,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,sBAOzD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,oBAM1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,2BAGpD;AAGD,eAAO,MAAM,eAAe,SAAU,IAAI;;;;CAIxC,CAAA;AAGF,eAAO,MAAM,sBAAsB,SAAU,MAAM,SAAS,MAAM,QAAQ,MAAM,SAE/E,CAAA;AAED,eAAO,MAAM,iBAAiB,OAAQ,IAAI,MAAM,IAAI,YAInD,CAAA;AAED,eAAO,MAAM,QAAQ,OAAQ,IAAI,MAAM,IAAI,YAG1C,CAAA;AAED,eAAO,MAAM,QAAQ,OAAQ,IAAI,MAAM,IAAI,YAQ1C,CAAA;AAED,eAAO,MAAM,eAAe,aAAc,IAAI,uBAI7C,CAAA"}

package/dist/cjs/utils/dates.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatIsoDate = exports.isValidDate = void 0;
+exports.utcDateToLocale = exports.sameDate = exports.sameYear = exports.sameYearSameMonth = exports.generateDateByUTCValue = exports.getDateUTCValue = exports.validateDateFormat = exports.parseIsoDate = exports.formatIsoDate = exports.isValidDate = void 0;
 /** Checks if the provided value is a valid date */
 function isValidDate(value) {
     return `${new Date(value)}` !== 'Invalid Date';
@@ -17,3 +17,62 @@ function formatIsoDate(date) {
     return `${yyyy}-${mm}-${dd}`;
 }
 exports.formatIsoDate = formatIsoDate;
+/**
+ * Parses string date with the iso format of YYYY-mm-dd
+ * @param input string
+ * @returns Date | undefined
+ */
+function parseIsoDate(input) {
+    if (!input)
+        return;
+    const ticks = Date.parse(input);
+    return isNaN(ticks) ? undefined : new Date(ticks);
+}
+exports.parseIsoDate = parseIsoDate;
+/**
+ * Validation for 'YYYY-MM-DD' format
+ */
+function validateDateFormat(dateString) {
+    const regEx = /^\d{4}-\d{2}-\d{2}$/;
+    return dateString.match(regEx);
+}
+exports.validateDateFormat = validateDateFormat;
+// Get current time's UTC year, month, date
+const getDateUTCValue = (date) => ({
+    utcYear: date.getUTCFullYear(),
+    utcMonth: date.getUTCMonth(),
+    utcDate: date.getUTCDate()
+});
+exports.getDateUTCValue = getDateUTCValue;
+// Generate a date by set its utc value
+const generateDateByUTCValue = (year, month, day) => {
+    return day ? new Date(Date.UTC(year, month, day)) : new Date(Date.UTC(year, month));
+};
+exports.generateDateByUTCValue = generateDateByUTCValue;
+const sameYearSameMonth = (a, b) => {
+    if (!a || !b)
+        return false;
+    return a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth();
+};
+exports.sameYearSameMonth = sameYearSameMonth;
+const sameYear = (a, b) => {
+    if (!a || !b)
+        return false;
+    return a.getUTCFullYear() === b.getUTCFullYear() ? true : false;
+};
+exports.sameYear = sameYear;
+const sameDate = (a, b) => {
+    if (!a || !b)
+        return false;
+    return (a.getUTCFullYear() === b.getUTCFullYear() &&
+        a.getUTCMonth() === b.getUTCMonth() &&
+        a.getUTCDate() === b.getUTCDate());
+};
+exports.sameDate = sameDate;
+const utcDateToLocale = (utcDate) => {
+    if (!utcDate)
+        return undefined;
+    const localDateSameDay = new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate());
+    return localDateSameDay.toLocaleDateString();
+};
+exports.utcDateToLocale = utcDateToLocale;

package/dist/cjs/utils/formatDate.d.ts

@@ -0,0 +1,15 @@
+export type DateFormat = 'DD MM YYYY' | 'DD MM YYYY, HH:MM' | 'DD MMM' | 'DD MMM YYYY' | 'DD MMM YYYY, HH:MM' | 'DD MMM, HH:MM' | 'HH:MM' | 'MMM D, YYYY' | 'YYYY/MM/DD' | 'YYYY-MM-DD' | 'YYYY/MM/DD, HH:MM' | 'YYYY-MM-DD, HH:MM' | 'YYYY-MM-DD, HH:MM:SS';
+export type FormatDateOptions = Intl.DateTimeFormatOptions & {
+    locales?: string | string[];
+};
+/** Predefined selection of date formats using DateTimeFormatOptions. */
+export declare const dateFormats: Record<DateFormat, FormatDateOptions>;
+/**
+ * Structures given date string, milliseconds number or Date object according to the chosen format.
+ * Uses toLocalDateString internally. Predefined formats specify initial options, which can be overwritten.
+ * @param date - string, number or Date object accepted by Date() constructor
+ * @param format - predefined configuration of DateTimeFormatOptions
+ * @param options - configuration of toLocaleDateString method
+ */
+export declare function formatDate(date?: string | number | Date, format?: DateFormat, options?: FormatDateOptions): string;
+//# sourceMappingURL=formatDate.d.ts.map

package/dist/cjs/utils/formatDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDate.d.ts","sourceRoot":"","sources":["../../../src/utils/formatDate.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,mBAAmB,GACnB,QAAQ,GACR,aAAa,GACb,oBAAoB,GACpB,eAAe,GACf,OAAO,GACP,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,mBAAmB,GACnB,mBAAmB,GACnB,sBAAsB,CAAA;AAE1B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,GAAG;IAC3D,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,iBAAiB,CAc7D,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAC7B,MAAM,GAAE,UAAyB,EACjC,OAAO,CAAC,EAAE,iBAAiB,UAgB5B"}

package/dist/cjs/utils/formatDate.js

@@ -0,0 +1,51 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDate = exports.dateFormats = void 0;
+/** Predefined selection of date formats using DateTimeFormatOptions. */
+exports.dateFormats = {
+    'DD MM YYYY': { year: 'numeric', month: '2-digit', day: '2-digit' },
+    'DD MM YYYY, HH:MM': { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' },
+    'DD MMM': { month: 'short', day: '2-digit' },
+    'DD MMM YYYY': { year: 'numeric', month: 'short', day: '2-digit' },
+    'DD MMM YYYY, HH:MM': { year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },
+    'DD MMM, HH:MM': { month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },
+    'HH:MM': { locales: 'en-GB', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' },
+    'MMM D, YYYY': { locales: 'en-US', year: 'numeric', month: 'short', day: 'numeric' },
+    'YYYY/MM/DD': { locales: 'en-ZA' },
+    'YYYY-MM-DD': { locales: 'fr-CA' },
+    'YYYY/MM/DD, HH:MM': { locales: 'en-ZA', hour: '2-digit', minute: '2-digit' },
+    'YYYY-MM-DD, HH:MM': { locales: 'fr-CA', timeStyle: 'short' },
+    'YYYY-MM-DD, HH:MM:SS': { locales: 'fr-CA' }
+};
+/**
+ * Structures given date string, milliseconds number or Date object according to the chosen format.
+ * Uses toLocalDateString internally. Predefined formats specify initial options, which can be overwritten.
+ * @param date - string, number or Date object accepted by Date() constructor
+ * @param format - predefined configuration of DateTimeFormatOptions
+ * @param options - configuration of toLocaleDateString method
+ */
+function formatDate(date, format = 'DD MM YYYY', options) {
+    const formatOptions = exports.dateFormats[format];
+    const _a = Object.assign(Object.assign({}, formatOptions), options), { locales } = _a, mergedOptions = __rest(_a, ["locales"]);
+    if (format === 'YYYY-MM-DD, HH:MM:SS' || format === 'YYYY-MM-DD, HH:MM') {
+        return date
+            ? new Date(date).toLocaleDateString(locales) + ', ' + new Date(date).toLocaleTimeString(undefined, mergedOptions)
+            : '';
+    }
+    if (format === 'HH:MM') {
+        return date ? new Date(date).toLocaleTimeString(locales, mergedOptions) : '';
+    }
+    return date ? new Date(date).toLocaleDateString(locales, mergedOptions) : '';
+}
+exports.formatDate = formatDate;

package/dist/cjs/utils/index.d.ts

@@ -3,6 +3,7 @@ export * from './assertion';
 export * from './consts';
 export * from './dates';
 export * from './dom';
+export * from './formatDate';
 export * from './function';
 export * from './number';
 export * from './object';

package/dist/cjs/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA"}

package/dist/cjs/utils/index.js

@@ -19,6 +19,7 @@ __exportStar(require("./assertion"), exports);
 __exportStar(require("./consts"), exports);
 __exportStar(require("./dates"), exports);
 __exportStar(require("./dom"), exports);
+__exportStar(require("./formatDate"), exports);
 __exportStar(require("./function"), exports);
 __exportStar(require("./number"), exports);
 __exportStar(require("./object"), exports);

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

@@ -0,0 +1,5 @@
+import { CalendarProps } from './calendar.types';
+/** [Beta] Displays calendar. */
+export declare const Calendar: import("../core").VuiComponent<"div", CalendarProps>;
+export default Calendar;
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAsD,MAAM,kBAAkB,CAAA;AAepG,gCAAgC;AAChC,eAAO,MAAM,QAAQ,sDAuHnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/esm/calendar/calendar.js

@@ -0,0 +1,89 @@
+import React, { useEffect, useRef, useState } from 'react';
+import Box from '../box';
+import { omitThemingProps, useStyleConfig, vui } from '../core';
+import { cs } from '../utils';
+import { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components';
+import { useCalendar, useDefaultViewMonth } from './hooks';
+import { isDay, isExact, isFrom, isMonth, isTo, isYear, processSelectMonth, processSelectYear, processViewDate } from './utils';
+/** [Beta] Displays calendar. */
+export const Calendar = vui((props, ref) => {
+    const { boundaries, className, fixedNumberOfWeeks = false, disabled, isStartDate, mode, onSelectDates, selectedDates, ...rest } = omitThemingProps(props);
+    const styles = useStyleConfig('Calendar', props);
+    const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate);
+    /**
+     * Effect to reset viewDate when selectedDates changes (onReset)
+     */
+    useEffect(() => {
+        currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate;
+        currentDateRef.current && setViewDate(currentDateRef.current);
+    }, [selectedDates]);
+    const calendarRef = useRef(null);
+    const defaultViewMonth = useDefaultViewMonth({
+        boundaries,
+        selectedDate: currentDateRef.current,
+        isStartDate
+    });
+    const [timeUnitMode, setTimeUnitMode] = useState('day');
+    const [viewDate, setViewDate] = useState(defaultViewMonth);
+    /**
+     * Handles clicking next/prev in header
+     */
+    const onChangeViewItem = (direction) => {
+        const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items);
+        newViewMonth && setViewDate(newViewMonth);
+    };
+    /**
+     * Handles clicking on a day
+     */
+    const onSelectDay = (clickedDate) => () => {
+        updateDateState(clickedDate);
+        setViewDate(clickedDate);
+    };
+    /**
+     * Handles clicking on a month
+     */
+    const onSelectMonth = (clickedDate) => () => {
+        const processedNewDate = processSelectMonth(clickedDate, mode, boundaries);
+        updateDateState(processedNewDate);
+        setViewDate(processedNewDate);
+        setTimeUnitMode('day');
+    };
+    /**
+     * Handles clicking on a year
+     */
+    const onSelectYear = (clickedDate) => () => {
+        const processedNewDate = processSelectYear(clickedDate, mode, boundaries);
+        updateDateState(processedNewDate);
+        setViewDate(processedNewDate);
+        setTimeUnitMode('month');
+    };
+    /**
+     * Send update date to parent component
+     */
+    const updateDateState = (newDate) => {
+        const dateRange = { ...selectedDates };
+        if (dateRange) {
+            if (isTo(mode))
+                dateRange.endDate = newDate;
+            else
+                dateRange.startDate = newDate;
+        }
+        if (newDate && !disabled)
+            onSelectDates && onSelectDates(dateRange);
+    };
+    const calendar = (calendarRef.current = useCalendar({
+        boundaries,
+        mode,
+        selectedDates,
+        timeUnitMode,
+        viewDate,
+        fixedNumberOfWeeks
+    }));
+    return (React.createElement(Box, { className: cs('vui-calendar', className), column: true, cursor: "default", minW: 280, position: "relative", ref: ref, w: "fit-content", ...styles, ...rest },
+        React.createElement(CalendarHeader, { nextDisabled: calendar.nextDisabled, onChangeViewItem: onChangeViewItem, onSetTimeUnitMode: (mode) => setTimeUnitMode(mode), prevDisabled: calendar.prevDisabled, timeUnitMode: timeUnitMode, viewMonth: viewDate }),
+        isDay(timeUnitMode) && React.createElement(DayPicker, { calendar: calendar, onSelectDay: onSelectDay }),
+        isMonth(timeUnitMode) && React.createElement(MonthPicker, { calendar: calendar, onSelectMonth: onSelectMonth }),
+        isYear(timeUnitMode) && React.createElement(YearPicker, { calendar: calendar, onSelectYear: onSelectYear })));
+});
+Calendar.displayName = 'Calendar';
+export default Calendar;

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

@@ -0,0 +1,14 @@
+import { ItemProps } from './calendar.types';
+export declare const boundary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const current: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const isDisabled: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const isHidden: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const isToday: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const hover: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const isSelected: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const CalendarItem: import("styled-components").StyledComponent<import("../core").VuiComponent<"a", import("../link").LinkProps> & {
+    Icon: import("../core").VuiComponent<"svg", import("..").IconProps>;
+    Text: import("../core").VuiComponent<"span", import("..").TProps>;
+}, import("styled-components").DefaultTheme, ItemProps, never>;
+export declare const CalendarItemsContainer: import("styled-components").StyledComponent<import("../core").VuiComponent<"div", import("../box").BoxProps>, import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=calendar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,eAAO,MAAM,QAAQ,oIAIpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAInB,CAAA;AAED,eAAO,MAAM,UAAU,oIAGtB,CAAA;AAED,eAAO,MAAM,QAAQ,oIAEpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAEnB,CAAA;AAED,eAAO,MAAM,KAAK,oIAIjB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;8DAsBxB,CAAA;AAED,eAAO,MAAM,sBAAsB,oKAQlC,CAAA"}

package/dist/esm/calendar/calendar.styles.js

@@ -0,0 +1,65 @@
+import Box from '../box';
+import { css, styled, th } from '../core';
+import Link from '../link';
+export const boundary = css `
+  background-color: ${th.color('seaBlue.main')};
+  color: white !important;
+  border-radius: 0;
+`;
+export const current = css `
+  background-color: ${th.color('seaBlue.main')};
+  color: white !important;
+  border-radius: 0;
+`;
+export const isDisabled = css `
+  color: ${th.color('sandstone.main')} !important;
+  cursor: not-allowed;
+`;
+export const isHidden = css `
+  color: ${th.color('darkBlue.75')} !important;
+`;
+export const isToday = css `
+  border: 1px solid ${th.color('seaBlue.main')};
+`;
+export const hover = css `
+  background-color: ${th.color('skyBlue.85')};
+  color: ${th.color('seaBlue.main')};
+  border-radius: 0;
+`;
+export const isSelected = css `
+  background-color: ${th.color('skyBlue.85')};
+  border-radius: 0;
+  color: white;
+`;
+export const CalendarItem = styled(Link) `
+  aspect-ratio: 1;
+  border: 0;
+  cursor: pointer;
+  height: 100%;
+  justify-content: center;
+  text-decoration: none;
+  width: 100%;
+
+  ${p => p.isHidden && isHidden}
+  ${p => p.isToday && isToday}
+  ${p => p.isDisabled && isDisabled}
+    ${p => p.isSelected && isSelected}
+    ${p => p.boundary && boundary}
+    ${p => p.current && current}
+
+    &:hover {
+    color: inherit;
+    text-decoration: none;
+
+    ${p => !p.isDisabled && hover}
+  }
+`;
+export const CalendarItemsContainer = styled(Box) `
+  align-items: center;
+  column-gap: 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: repeat(4, 62px);
+  justify-items: center;
+  row-gap: 0;
+`;