@citruslime/ui 2.5.0 → 2.5.1-beta.1

package/dist/components/calendar/cl-ui-calendar-input.vue.d.ts

@@ -6,14 +6,12 @@ declare function focus(): void;
 declare const _default: import("vue").DefineComponent<{
     date: {
         type: import("vue").PropType<string>;
-        required: true;
     };
     events: {
         type: import("vue").PropType<PopoverEventHandlers>;
-        required: true;
     };
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         required: true;
     };
     placeholder: {
@@ -26,24 +24,25 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-        required: true;
+    };
+    rangeSelected: {
+        type: import("vue").PropType<boolean>;
     };
 }, {
     focus: typeof focus;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
     reset: () => void;
+    togglePopover: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     date: {
         type: import("vue").PropType<string>;
-        required: true;
     };
     events: {
         type: import("vue").PropType<PopoverEventHandlers>;
-        required: true;
     };
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         required: true;
     };
     placeholder: {
@@ -56,10 +55,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-        required: true;
+    };
+    rangeSelected: {
+        type: import("vue").PropType<boolean>;
     };
 }>> & {
     onReset?: (() => any) | undefined;
     onClear?: (() => any) | undefined;
+    onTogglePopover?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/components/calendar/cl-ui-calendar.vue.d.ts

@@ -1,6 +1,7 @@
+import type { DateRange } from '../input/types';
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         default: string;
     };
     placeholder: {
@@ -16,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     date: {
-        type: import("vue").PropType<string | null>;
+        type: import("vue").PropType<string | DateRange | null>;
         required: true;
     };
     max: {
@@ -35,13 +36,17 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        default: null;
+    };
 }, {
     focus(): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:date': (args_0: string | null) => void;
+    "update:date": (value: string | DateRange | null) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"time" | "date" | "datetime">;
+        type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
         default: string;
     };
     placeholder: {
@@ -57,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     date: {
-        type: import("vue").PropType<string | null>;
+        type: import("vue").PropType<string | DateRange | null>;
         required: true;
     };
     max: {
@@ -76,10 +81,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        default: null;
+    };
 }>> & {
-    "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
+    "onUpdate:date"?: ((value: string | DateRange | null) => any) | undefined;
 }, {
-    type: "time" | "date" | "datetime";
+    type: "time" | "date" | "datetime" | "dateRange";
     placeholder: string | null;
     disabled: boolean;
     required: boolean;
@@ -87,5 +96,6 @@ declare const _default: import("vue").DefineComponent<{
     min: string | null;
     timeZone: string | null;
     initialDate: string | null;
+    quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
 }, {}>;
 export default _default;

package/dist/components/calendar/cl-ui-quick-dates-group.vue.d.ts

@@ -0,0 +1,25 @@
+import type { QuickDate } from './quick-dates';
+declare const _default: import("vue").DefineComponent<{
+    dates: {
+        type: import("vue").PropType<QuickDate[]>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "quick-date-selected": (value: QuickDate) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dates: {
+        type: import("vue").PropType<QuickDate[]>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+}>> & {
+    "onQuick-date-selected"?: ((value: QuickDate) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/components/calendar/cl-ui-quick-dates.vue.d.ts

@@ -0,0 +1,36 @@
+import type { DateRange } from '../input/types';
+import type { QuickDate } from './quick-dates';
+declare const _default: import("vue").DefineComponent<{
+    scope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+    currentDateRange: {
+        type: import("vue").PropType<DateRange | null>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "quick-date-selected": (value: QuickDate) => void;
+    "apply-button-clicked": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        required: true;
+    };
+    selectedQuickDate: {
+        type: import("vue").PropType<QuickDate | null>;
+        required: true;
+    };
+    currentDateRange: {
+        type: import("vue").PropType<DateRange | null>;
+        required: true;
+    };
+}>> & {
+    "onQuick-date-selected"?: ((value: QuickDate) => any) | undefined;
+    "onApply-button-clicked"?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/components/calendar/quick-dates.d.ts

@@ -0,0 +1,12 @@
+export declare const quickDateNames: readonly ["today", "this week", "this month", "this year", "yesterday", "last week", "last month", "last year", "tomorrow", "next week", "next month", "next year"];
+export type QuickDateName = typeof quickDateNames[number];
+export interface QuickDate {
+    name: QuickDateName;
+    scope: 'past' | 'future' | 'current';
+    translationKey: string;
+    range: 'day' | 'week' | 'month' | 'year';
+}
+export declare const currentQuickDates: QuickDate[];
+export declare const pastQuickDates: QuickDate[];
+export declare const futureQuickDates: QuickDate[];
+export declare const allQuickDates: QuickDate[];

package/dist/components/calendar/types.d.ts

@@ -1,2 +1,2 @@
-export declare const calendarTypes: readonly ["date", "datetime", "time"];
+export declare const calendarTypes: readonly ["date", "datetime", "time", "dateRange"];
 export type CalendarType = typeof calendarTypes[number];

package/dist/components/grid/body/cl-ui-grid-body.vue.d.ts

@@ -13,14 +13,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     options: {
         type: import("vue").PropType<Partial<GridConfig>>;
         required: true;
@@ -50,14 +50,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     options: {
         type: import("vue").PropType<Partial<GridConfig>>;
         required: true;

package/dist/components/grid/body/cl-ui-grid-row.vue.d.ts

@@ -9,14 +9,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     searchValue: {
         type: import("vue").PropType<string>;
         required: true;
@@ -35,14 +35,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         required: true;
     };
-    editMode: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     columns: {
         type: import("vue").PropType<GridColumn<Record<string, unknown>>[]>;
         required: true;
     };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     searchValue: {
         type: import("vue").PropType<string>;
         required: true;

package/dist/components/grid/types.d.ts

@@ -50,7 +50,7 @@ export declare function isGridColumn(objectToTest: GridColumn): boolean;
  * @returns True if the array is a GridColumn array; false otherwise.
  */
 export declare function isGridColumnArray(arrayToTest: GridColumn[]): boolean;
-export declare const stringFormats: readonly ["ellipsis"];
+export declare const stringFormats: readonly ["ellipsis", "wrap-text"];
 export type StringFormat = typeof stringFormats[number];
 export declare enum FilterOperation {
     CONTAINS = 0,

package/dist/components/input/cl-ui-input.vue.d.ts

@@ -1,4 +1,4 @@
-import type { InputValidationState, InputValueType } from './types';
+import type { InputValidationState, InputValueType, DateRange } from './types';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    group: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     timeZone: {
         type: import("vue").PropType<string | null>;
         default: null;
@@ -32,8 +36,12 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        default: null;
+    };
     modelValue: {
-        type: import("vue").PropType<string | number | boolean | null>;
+        type: import("vue").PropType<string | number | boolean | DateRange | null>;
         default: undefined;
     };
     isRequired: {
@@ -41,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     inputType: {
-        type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
+        type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
         required: true;
         default: string;
     };
@@ -77,10 +85,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    group: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     showLabel: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -119,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     input: (args_0: {
         target: EventTarget | import("vue").DefineComponent<{
             type: {
-                type: import("vue").PropType<"time" | "date" | "datetime">;
+                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
                 default: string;
             };
             placeholder: {
@@ -135,7 +139,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             date: {
-                type: import("vue").PropType<string | null>;
+                type: import("vue").PropType<string | DateRange | null>;
                 required: true;
             };
             max: {
@@ -154,13 +158,22 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | null>;
                 default: null;
             };
+            quickDateScope: {
+                type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+                default: null;
+            };
         }, {
+            /**
+             * Handles the `change` event of an input box.
+             *
+             * @param event The event that was fired.
+             */
             focus(): void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:date': (args_0: string | null) => void;
+            "update:date": (value: string | DateRange | null) => void;
         }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"time" | "date" | "datetime">;
+                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
                 default: string;
             };
             placeholder: {
@@ -176,7 +189,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             date: {
-                type: import("vue").PropType<string | null>;
+                type: import("vue").PropType<string | DateRange | null>;
                 required: true;
             };
             max: {
@@ -195,10 +208,14 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | null>;
                 default: null;
             };
+            quickDateScope: {
+                type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+                default: null;
+            };
         }>> & {
-            "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
+            "onUpdate:date"?: ((value: string | DateRange | null) => any) | undefined;
         }, {
-            type: "time" | "date" | "datetime";
+            type: "time" | "date" | "datetime" | "dateRange";
             placeholder: string | null;
             disabled: boolean;
             required: boolean;
@@ -206,6 +223,7 @@ declare const _default: import("vue").DefineComponent<{
             min: string | null;
             timeZone: string | null;
             initialDate: string | null;
+            quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
         }, {}> | import("vue").DefineComponent<{
             disabled: {
                 type: import("vue").PropType<boolean>;
@@ -295,6 +313,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    group: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     timeZone: {
         type: import("vue").PropType<string | null>;
         default: null;
@@ -303,8 +325,12 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string | null>;
         default: null;
     };
+    quickDateScope: {
+        type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+        default: null;
+    };
     modelValue: {
-        type: import("vue").PropType<string | number | boolean | null>;
+        type: import("vue").PropType<string | number | boolean | DateRange | null>;
         default: undefined;
     };
     isRequired: {
@@ -312,7 +338,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     inputType: {
-        type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
+        type: import("vue").PropType<"number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url">;
         required: true;
         default: string;
     };
@@ -348,10 +374,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    group: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     showLabel: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -386,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((args_0: {
         target: EventTarget | import("vue").DefineComponent<{
             type: {
-                type: import("vue").PropType<"time" | "date" | "datetime">;
+                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
                 default: string;
             };
             placeholder: {
@@ -402,7 +424,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             date: {
-                type: import("vue").PropType<string | null>;
+                type: import("vue").PropType<string | DateRange | null>;
                 required: true;
             };
             max: {
@@ -421,13 +443,22 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | null>;
                 default: null;
             };
+            quickDateScope: {
+                type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+                default: null;
+            };
         }, {
+            /**
+             * Handles the `change` event of an input box.
+             *
+             * @param event The event that was fired.
+             */
             focus(): void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:date': (args_0: string | null) => void;
+            "update:date": (value: string | DateRange | null) => void;
         }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"time" | "date" | "datetime">;
+                type: import("vue").PropType<"time" | "date" | "datetime" | "dateRange">;
                 default: string;
             };
             placeholder: {
@@ -443,7 +474,7 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             date: {
-                type: import("vue").PropType<string | null>;
+                type: import("vue").PropType<string | DateRange | null>;
                 required: true;
             };
             max: {
@@ -462,10 +493,14 @@ declare const _default: import("vue").DefineComponent<{
                 type: import("vue").PropType<string | null>;
                 default: null;
             };
+            quickDateScope: {
+                type: import("vue").PropType<"past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null>;
+                default: null;
+            };
         }>> & {
-            "onUpdate:date"?: ((args_0: string | null) => any) | undefined;
+            "onUpdate:date"?: ((value: string | DateRange | null) => any) | undefined;
         }, {
-            type: "time" | "date" | "datetime";
+            type: "time" | "date" | "datetime" | "dateRange";
             placeholder: string | null;
             disabled: boolean;
             required: boolean;
@@ -473,6 +508,7 @@ declare const _default: import("vue").DefineComponent<{
             min: string | null;
             timeZone: string | null;
             initialDate: string | null;
+            quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
         }, {}> | import("vue").DefineComponent<{
             disabled: {
                 type: import("vue").PropType<boolean>;
@@ -545,11 +581,13 @@ declare const _default: import("vue").DefineComponent<{
     max: string | number | null;
     min: string | number | null;
     step: number;
+    group: string;
     timeZone: string | null;
     initialDate: string | null;
-    modelValue: string | number | boolean | null;
+    quickDateScope: "past" | "future" | ("today" | "this week" | "this month" | "this year" | "yesterday" | "last week" | "last month" | "last year" | "tomorrow" | "next week" | "next month" | "next year")[] | null;
+    modelValue: string | number | boolean | DateRange | null;
     isRequired: boolean;
-    inputType: "number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url";
+    inputType: "number" | "button" | "time" | "text" | "color" | "search" | "date" | "datetime" | "dateRange" | "reset" | "checkbox" | "email" | "file" | "password" | "radio" | "range" | "submit" | "tel" | "url";
     customValidationFunction: (_name: string, _value: InputValueType) => InputValidationState;
     onInputFunction: (_value: InputValueType) => InputValueType;
     validateImmediately: boolean;
@@ -558,7 +596,6 @@ declare const _default: import("vue").DefineComponent<{
     requiredText: string;
     placeholderText: string;
     fileExtensions: string;
-    group: string;
     showLabel: boolean;
     showArrows: boolean;
     highlightWhenValid: boolean;

package/dist/components/input/types.d.ts

@@ -1,7 +1,11 @@
-export declare const inputTypes: readonly ["button", "checkbox", "color", "email", "file", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "url", "date", "datetime", "time"];
+export declare const inputTypes: readonly ["button", "checkbox", "color", "email", "file", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "url", "date", "datetime", "time", "dateRange"];
 export type InputType = typeof inputTypes[number];
-export type InputValueType = string | number | boolean | null | undefined;
+export type InputValueType = string | DateRange | number | boolean | null | undefined;
 export interface InputValidationState {
     valid: boolean;
     message: string;
 }
+export interface DateRange {
+    start: string;
+    end: string;
+}