@progress/kendo-themes-html 6.7.0-dev.0 → 6.7.0-dev.2

package/dist/esm/grid/tests/grid-filter-row.js

@@ -6635,8 +6635,17 @@ var TimeSelectorHeader = (props) => {
 // src/time-selector/time-selector-fast-selection.tsx
 import { jsx as jsx78, jsxs as jsxs37 } from "react/jsx-runtime";
 
+// src/time-selector/templates/time-selector-all.tsx
+import { jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
+
+// src/time-selector/templates/time-selector-hour.tsx
+import { jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
+
+// src/time-selector/templates/time-selector-minute.tsx
+import { jsx as jsx81, jsxs as jsxs40 } from "react/jsx-runtime";
+
 // src/datetime-selector/datetime-selector.spec.tsx
-import { Fragment as Fragment21, jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx82, jsxs as jsxs41 } from "react/jsx-runtime";
 var DATETIMESELECTOR_CLASSNAME = `k-datetime-wrap`;
 var states33 = [];
 var options30 = {
@@ -6655,7 +6664,7 @@ var DateTimeSelector = (props) => {
     dir,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       ...other,
@@ -6671,20 +6680,20 @@ var DateTimeSelector = (props) => {
         })
       ),
       children: [
-        /* @__PURE__ */ jsx79("div", { className: "k-datetime-buttongroup", children: /* @__PURE__ */ jsxs38(ButtonGroup, { stretched: true, children: [
-          /* @__PURE__ */ jsx79(Button, { className: "k-group-start", size, selected: tab === "date", children: "Date" }),
-          /* @__PURE__ */ jsx79(Button, { className: "k-group-end", size, selected: tab === "time", children: "Time" })
+        /* @__PURE__ */ jsx82("div", { className: "k-datetime-buttongroup", children: /* @__PURE__ */ jsxs41(ButtonGroup, { stretched: true, children: [
+          /* @__PURE__ */ jsx82(Button, { className: "k-group-start", size, selected: tab === "date", children: "Date" }),
+          /* @__PURE__ */ jsx82(Button, { className: "k-group-end", size, selected: tab === "time", children: "Time" })
         ] }) }),
-        /* @__PURE__ */ jsx79("div", { className: "k-datetime-selector", children: tab === "time" ? /* @__PURE__ */ jsxs38(Fragment21, { children: [
-          /* @__PURE__ */ jsx79("div", { className: "k-datetime-calendar-wrap" }),
-          /* @__PURE__ */ jsx79("div", { className: "k-datetime-time-wrap", children: /* @__PURE__ */ jsx79(TimeSelector, { size, columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ jsx79(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ jsx79(Button, { size, fillMode: "flat", className: "k-time-now", children: "Now" }) }) }) })
-        ] }) : /* @__PURE__ */ jsxs38(Fragment21, { children: [
-          /* @__PURE__ */ jsx79("div", { className: "k-datetime-calendar-wrap", children: /* @__PURE__ */ jsx79(Calendar, { size, showOtherMonth: true, dir }) }),
-          /* @__PURE__ */ jsx79("div", { className: "k-datetime-time-wrap" })
+        /* @__PURE__ */ jsx82("div", { className: "k-datetime-selector", children: tab === "time" ? /* @__PURE__ */ jsxs41(Fragment21, { children: [
+          /* @__PURE__ */ jsx82("div", { className: "k-datetime-calendar-wrap" }),
+          /* @__PURE__ */ jsx82("div", { className: "k-datetime-time-wrap", children: /* @__PURE__ */ jsx82(TimeSelector, { size, columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ jsx82(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ jsx82(Button, { size, fillMode: "flat", className: "k-time-now", children: "Now" }) }) }) })
+        ] }) : /* @__PURE__ */ jsxs41(Fragment21, { children: [
+          /* @__PURE__ */ jsx82("div", { className: "k-datetime-calendar-wrap", children: /* @__PURE__ */ jsx82(Calendar, { size, showOtherMonth: true, dir }) }),
+          /* @__PURE__ */ jsx82("div", { className: "k-datetime-time-wrap" })
         ] }) }),
-        actionButtons && /* @__PURE__ */ jsxs38(ActionButtons, { className: "k-datetime-footer", alignment: "stretched", children: [
-          /* @__PURE__ */ jsx79(Button, { size, themeColor: "primary", className: "k-time-accept", children: "Set" }),
-          /* @__PURE__ */ jsx79(Button, { size, className: "k-time-cancel", children: "Cancel" })
+        actionButtons && /* @__PURE__ */ jsxs41(ActionButtons, { className: "k-datetime-footer", alignment: "stretched", children: [
+          /* @__PURE__ */ jsx82(Button, { size, themeColor: "primary", className: "k-time-accept", children: "Set" }),
+          /* @__PURE__ */ jsx82(Button, { size, className: "k-time-cancel", children: "Cancel" })
         ] })
       ]
     }
@@ -6696,7 +6705,7 @@ DateTimeSelector.className = DATETIMESELECTOR_CLASSNAME;
 DateTimeSelector.defaultProps = defaultProps28;
 
 // src/datetimepicker/datetimepicker.spec.tsx
-import { Fragment as Fragment22, jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx83, jsxs as jsxs42 } from "react/jsx-runtime";
 var DATETIMEPICKER_CLASSNAME = `k-datetimepicker`;
 var states34 = [
   States.hover,
@@ -6743,8 +6752,8 @@ var DateTimePicker = (props) => {
     adaptiveSettings,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs39(Fragment22, { children: [
-    /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs42(Fragment22, { children: [
+    /* @__PURE__ */ jsxs42(
       Input,
       {
         ...other,
@@ -6762,9 +6771,9 @@ var DateTimePicker = (props) => {
         readonly,
         className: classNames(props.className, DATETIMEPICKER_CLASSNAME),
         children: [
-          /* @__PURE__ */ jsx80(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ jsx80(InputInnerInput, { placeholder, value }),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx83(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ jsx83(InputInnerInput, { placeholder, value }),
+          /* @__PURE__ */ jsx83(
             InputValidationIcon,
             {
               valid,
@@ -6773,14 +6782,14 @@ var DateTimePicker = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx83(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx83(
             InputClearValue,
             {
               loading,
@@ -6789,8 +6798,8 @@ var DateTimePicker = (props) => {
               value
             }
           ),
-          /* @__PURE__ */ jsx80(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx83(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ jsx83(
             Button,
             {
               className: "k-input-button",
@@ -6803,9 +6812,9 @@ var DateTimePicker = (props) => {
         ]
       }
     ),
-    opened && /* @__PURE__ */ jsx80(Popup, { className: `k-${tab === "time" ? "list" : "calendar"}-container k-datetimepicker-popup`, dir, children: /* @__PURE__ */ jsx80(DateTimeSelector, { tab, dir }) }),
-    adaptive && /* @__PURE__ */ jsxs39(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
-      /* @__PURE__ */ jsx80(
+    opened && /* @__PURE__ */ jsx83(Popup, { className: `k-${tab === "time" ? "list" : "calendar"}-container k-datetimepicker-popup`, dir, children: /* @__PURE__ */ jsx83(DateTimeSelector, { tab, dir }) }),
+    adaptive && /* @__PURE__ */ jsxs42(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
+      /* @__PURE__ */ jsx83(
         ActionSheetHeader,
         {
           actions: ["x"],
@@ -6813,8 +6822,8 @@ var DateTimePicker = (props) => {
           subTitle: "DD / MM / YY"
         }
       ),
-      /* @__PURE__ */ jsx80(DateTimeSelector, { size: "large", tab, actionButtons: false }),
-      /* @__PURE__ */ jsx80(ActionSheetFooter, { actions: ["Cancel", "!Set"] })
+      /* @__PURE__ */ jsx83(DateTimeSelector, { size: "large", tab, actionButtons: false }),
+      /* @__PURE__ */ jsx83(ActionSheetFooter, { actions: ["Cancel", "!Set"] })
     ] })
   ] });
 };
@@ -6824,16 +6833,16 @@ DateTimePicker.className = DATETIMEPICKER_CLASSNAME;
 DateTimePicker.defaultProps = defaultProps29;
 
 // src/datetimepicker/templates/datetimepicker-normal.tsx
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 
 // src/datetimepicker/templates/datetimepicker-popup.tsx
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 
 // src/datetimepicker/templates/datetimepicker-adaptive.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 
 // src/dropdownlist/dropdownlist.spec.tsx
-import { Fragment as Fragment23, jsx as jsx84, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx87, jsxs as jsxs43 } from "react/jsx-runtime";
 var DROPDOWNLIST_CLASSNAME = `k-dropdownlist`;
 var states35 = [
   States.hover,
@@ -6881,8 +6890,8 @@ var DropdownList = (props) => {
     opened,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs40(Fragment23, { children: [
-    /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs43(Fragment23, { children: [
+    /* @__PURE__ */ jsxs43(
       Picker,
       {
         ...other,
@@ -6905,8 +6914,8 @@ var DropdownList = (props) => {
           }
         ),
         children: [
-          /* @__PURE__ */ jsx84(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx87(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ jsx87(
             InputInnerSpan,
             {
               placeholder,
@@ -6915,7 +6924,7 @@ var DropdownList = (props) => {
               valueIconName
             }
           ),
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx87(
             InputValidationIcon,
             {
               valid,
@@ -6924,15 +6933,15 @@ var DropdownList = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx87(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ jsx84(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx87(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ jsx87(
             Button,
             {
               className: "k-input-button",
@@ -6945,7 +6954,7 @@ var DropdownList = (props) => {
         ]
       }
     ),
-    opened && popup && /* @__PURE__ */ jsx84(Popup, { className: "k-list-container k-dropdownlist-popup", children: popup })
+    opened && popup && /* @__PURE__ */ jsx87(Popup, { className: "k-list-container k-dropdownlist-popup", children: popup })
   ] });
 };
 DropdownList.states = states35;
@@ -6954,22 +6963,22 @@ DropdownList.className = DROPDOWNLIST_CLASSNAME;
 DropdownList.defaultProps = defaultProps30;
 
 // src/dropdownlist/templates/dropdownlist-normal.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-popup.tsx
-import { jsx as jsx86, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs44 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-filtering.tsx
-import { Fragment as Fragment24, jsx as jsx87, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx90, jsxs as jsxs45 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-grouping.tsx
-import { jsx as jsx88, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs46 } from "react/jsx-runtime";
 
 // src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
-import { Fragment as Fragment25, jsx as jsx89, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx92, jsxs as jsxs47 } from "react/jsx-runtime";
 
 // src/spinbutton/spinbutton.spec.tsx
-import { jsx as jsx90, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs48 } from "react/jsx-runtime";
 var SPINBUTTON_CLASSNAME = `k-spin-button`;
 var states36 = [];
 var options33 = {
@@ -6986,7 +6995,7 @@ var SpinButton = (props) => {
     fillMode = defaultProps31.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs48(
     "span",
     {
       ...other,
@@ -6995,7 +7004,7 @@ var SpinButton = (props) => {
         props.className
       ),
       children: [
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx93(
           Button,
           {
             className: "k-spinner-increase",
@@ -7005,7 +7014,7 @@ var SpinButton = (props) => {
             fillMode
           }
         ),
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx93(
           Button,
           {
             className: "k-spinner-decrease",
@@ -7025,7 +7034,7 @@ SpinButton.className = SPINBUTTON_CLASSNAME;
 SpinButton.defaultProps = defaultProps31;
 
 // src/numerictextbox/numerictextbox.spec.tsx
-import { jsx as jsx91, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs49 } from "react/jsx-runtime";
 var NUMERICTEXTBOX_CLASSNAME = `k-numerictextbox`;
 var states37 = [
   States.hover,
@@ -7068,7 +7077,7 @@ var NumericTextbox = (props) => {
     showSpinButton = defaultProps32.showSpinButton,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs49(
     Input,
     {
       ...other,
@@ -7085,8 +7094,8 @@ var NumericTextbox = (props) => {
       readonly,
       className: classNames(props.className, NUMERICTEXTBOX_CLASSNAME),
       children: [
-        /* @__PURE__ */ jsx91(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx94(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx94(
           InputValidationIcon,
           {
             valid,
@@ -7095,14 +7104,14 @@ var NumericTextbox = (props) => {
             disabled
           }
         ),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx94(
           InputLoadingIcon,
           {
             loading,
             disabled
           }
         ),
-        showClearButton && /* @__PURE__ */ jsx91(
+        showClearButton && /* @__PURE__ */ jsx94(
           InputClearValue,
           {
             loading,
@@ -7111,7 +7120,7 @@ var NumericTextbox = (props) => {
             value
           }
         ),
-        showSpinButton && /* @__PURE__ */ jsx91(
+        showSpinButton && /* @__PURE__ */ jsx94(
           SpinButton,
           {
             className: "k-input-spinner",
@@ -7129,10 +7138,10 @@ NumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;
 NumericTextbox.defaultProps = defaultProps32;
 
 // src/numerictextbox/templates/numerictextbox-normal.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 
 // src/textbox/textbox.spec.tsx
-import { jsx as jsx93, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs50 } from "react/jsx-runtime";
 var TEXTBOX_CLASSNAME = `k-textbox`;
 var states38 = [
   States.hover,
@@ -7175,7 +7184,7 @@ var Textbox = (props) => {
     showClearButton = defaultProps33.showClearButton,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs50(
     Input,
     {
       ...other,
@@ -7192,9 +7201,9 @@ var Textbox = (props) => {
       readonly,
       className: classNames(props.className, TEXTBOX_CLASSNAME),
       children: [
-        /* @__PURE__ */ jsx93(InputPrefix, { children: prefix }),
-        /* @__PURE__ */ jsx93(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx96(InputPrefix, { children: prefix }),
+        /* @__PURE__ */ jsx96(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx96(
           InputValidationIcon,
           {
             valid,
@@ -7203,14 +7212,14 @@ var Textbox = (props) => {
             disabled
           }
         ),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx96(
           InputLoadingIcon,
           {
             loading,
             disabled
           }
         ),
-        showClearButton && /* @__PURE__ */ jsx93(
+        showClearButton && /* @__PURE__ */ jsx96(
           InputClearValue,
           {
             loading,
@@ -7219,7 +7228,7 @@ var Textbox = (props) => {
             value
           }
         ),
-        /* @__PURE__ */ jsx93(InputSuffix, { children: suffix })
+        /* @__PURE__ */ jsx96(InputSuffix, { children: suffix })
       ]
     }
   );
@@ -7230,16 +7239,16 @@ Textbox.className = TEXTBOX_CLASSNAME;
 Textbox.defaultProps = defaultProps33;
 
 // src/textbox/templates/textbox-normal.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 
 // src/textbox/templates/textbox-prefix.tsx
-import { jsx as jsx95, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs51 } from "react/jsx-runtime";
 
 // src/textbox/templates/textbox-suffix.tsx
-import { jsx as jsx96, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs52 } from "react/jsx-runtime";
 
 // src/timepicker/timepicker.spec.tsx
-import { Fragment as Fragment26, jsx as jsx97, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx100, jsxs as jsxs53 } from "react/jsx-runtime";
 var TIMEPICKER_CLASSNAME = `k-timepicker`;
 var states39 = [
   States.hover,
@@ -7283,8 +7292,8 @@ var TimePicker = (props) => {
     adaptiveSettings,
     ...other
   } = props;
-  return /* @__PURE__ */ jsxs50(Fragment26, { children: [
-    /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs53(Fragment26, { children: [
+    /* @__PURE__ */ jsxs53(
       Input,
       {
         ...other,
@@ -7301,9 +7310,9 @@ var TimePicker = (props) => {
         readonly,
         className: classNames(props.className, TIMEPICKER_CLASSNAME),
         children: [
-          /* @__PURE__ */ jsx97(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ jsx97(InputInnerInput, { placeholder, value }),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx100(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ jsx100(InputInnerInput, { placeholder, value }),
+          /* @__PURE__ */ jsx100(
             InputValidationIcon,
             {
               valid,
@@ -7312,14 +7321,14 @@ var TimePicker = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx100(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx100(
             InputClearValue,
             {
               loading,
@@ -7328,8 +7337,8 @@ var TimePicker = (props) => {
               value
             }
           ),
-          /* @__PURE__ */ jsx97(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ jsx97(
+          /* @__PURE__ */ jsx100(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ jsx100(
             Button,
             {
               className: "k-input-button",
@@ -7342,15 +7351,15 @@ var TimePicker = (props) => {
         ]
       }
     ),
-    opened && /* @__PURE__ */ jsxs50(Popup, { className: "k-list-container k-timepicker-popup", children: [
-      /* @__PURE__ */ jsx97(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ jsx97(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ jsx97(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
-      /* @__PURE__ */ jsxs50(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
-        /* @__PURE__ */ jsx97(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
-        /* @__PURE__ */ jsx97(Button, { className: "k-time-cancel", children: "Cancel" })
+    opened && /* @__PURE__ */ jsxs53(Popup, { className: "k-list-container k-timepicker-popup", children: [
+      /* @__PURE__ */ jsx100(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ jsx100(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ jsx100(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
+      /* @__PURE__ */ jsxs53(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
+        /* @__PURE__ */ jsx100(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
+        /* @__PURE__ */ jsx100(Button, { className: "k-time-cancel", children: "Cancel" })
       ] })
     ] }),
-    adaptive && /* @__PURE__ */ jsxs50(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
-      /* @__PURE__ */ jsx97(
+    adaptive && /* @__PURE__ */ jsxs53(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
+      /* @__PURE__ */ jsx100(
         ActionSheetHeader,
         {
           actions: ["x"],
@@ -7358,8 +7367,8 @@ var TimePicker = (props) => {
           subTitle: "DD / MM / YY"
         }
       ),
-      /* @__PURE__ */ jsx97(TimeSelector, { size: "large", columns: ["HH", "mm", "ss", "tt"], focusedColumn: "HH", header: /* @__PURE__ */ jsx97(TimeSelectorHeader, { title: "10:00:00 \u0410\u041C", children: /* @__PURE__ */ jsx97(Button, { size: "large", fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
-      /* @__PURE__ */ jsx97(ActionSheetFooter, { actions: ["Cancel", "!Set time"] })
+      /* @__PURE__ */ jsx100(TimeSelector, { size: "large", columns: ["HH", "mm", "ss", "tt"], focusedColumn: "HH", header: /* @__PURE__ */ jsx100(TimeSelectorHeader, { title: "10:00:00 \u0410\u041C", children: /* @__PURE__ */ jsx100(Button, { size: "large", fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
+      /* @__PURE__ */ jsx100(ActionSheetFooter, { actions: ["Cancel", "!Set time"] })
     ] })
   ] });
 };
@@ -7369,90 +7378,90 @@ TimePicker.className = TIMEPICKER_CLASSNAME;
 TimePicker.defaultProps = defaultProps34;
 
 // src/timepicker/templates/timepicker-normal.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 
 // src/timepicker/templates/timepicker-popup.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 
 // src/timepicker/templates/timepicker-adaptive.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 
 // src/grid/tests/grid-filter-row.tsx
-import { Fragment as Fragment27, jsx as jsx101, jsxs as jsxs51 } from "react/jsx-runtime";
-var grid_filter_row_default = () => /* @__PURE__ */ jsx101(Fragment27, { children: /* @__PURE__ */ jsxs51("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(ColorPicker, {}),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+import { Fragment as Fragment27, jsx as jsx104, jsxs as jsxs54 } from "react/jsx-runtime";
+var grid_filter_row_default = () => /* @__PURE__ */ jsx104(Fragment27, { children: /* @__PURE__ */ jsxs54("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(ColorPicker, {}),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", {}),
-  /* @__PURE__ */ jsx101("div", {}),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(Autocomplete, { placeholder: "Autocomplete..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", {}),
+  /* @__PURE__ */ jsx104("div", {}),
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(Autocomplete, { placeholder: "Autocomplete..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(Combobox, { placeholder: "Combobox..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(Combobox, { placeholder: "Combobox..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(DropdownList, { placeholder: "DropdownList..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(DropdownList, { placeholder: "DropdownList..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(NumericTextbox, { placeholder: "Numeric..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(NumericTextbox, { placeholder: "Numeric..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(Textbox, { placeholder: "Textbox..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(Textbox, { placeholder: "Textbox..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", {}),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(DatePicker, { placeholder: "Datepicker..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", {}),
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(DatePicker, { placeholder: "Datepicker..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(TimePicker, { placeholder: "TimePicker..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(TimePicker, { placeholder: "TimePicker..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ jsx101("div", { className: "section", children: /* @__PURE__ */ jsx101("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx101("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs51("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ jsx101("colgroup", { children: /* @__PURE__ */ jsx101("col", {}) }),
-    /* @__PURE__ */ jsx101("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx101("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx101("th", { className: "k-table-th", children: /* @__PURE__ */ jsx101("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs51("span", { children: [
-      /* @__PURE__ */ jsx101(DateTimePicker, { placeholder: "DateTimePicker..." }),
-      /* @__PURE__ */ jsx101(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ jsx101(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ jsx104("div", { className: "section", children: /* @__PURE__ */ jsx104("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header", children: /* @__PURE__ */ jsx104("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ jsxs54("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ jsx104("colgroup", { children: /* @__PURE__ */ jsx104("col", {}) }),
+    /* @__PURE__ */ jsx104("thead", { className: "k-table-thead", children: /* @__PURE__ */ jsx104("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ jsx104("th", { className: "k-table-th", children: /* @__PURE__ */ jsx104("span", { className: "k-filtercell", children: /* @__PURE__ */ jsxs54("span", { children: [
+      /* @__PURE__ */ jsx104(DateTimePicker, { placeholder: "DateTimePicker..." }),
+      /* @__PURE__ */ jsx104(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ jsx104(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) })
 ] }) });