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

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

@@ -6654,8 +6654,17 @@ var TimeSelectorHeader = (props) => {
 // src/time-selector/time-selector-fast-selection.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
 
-// src/datetime-selector/datetime-selector.spec.tsx
+// src/time-selector/templates/time-selector-all.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
+
+// src/time-selector/templates/time-selector-hour.tsx
+var import_jsx_runtime80 = require("react/jsx-runtime");
+
+// src/time-selector/templates/time-selector-minute.tsx
+var import_jsx_runtime81 = require("react/jsx-runtime");
+
+// src/datetime-selector/datetime-selector.spec.tsx
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var DATETIMESELECTOR_CLASSNAME = `k-datetime-wrap`;
 var states33 = [];
 var options30 = {
@@ -6674,7 +6683,7 @@ var DateTimeSelector = (props) => {
     dir,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       ...other,
@@ -6690,20 +6699,20 @@ var DateTimeSelector = (props) => {
         })
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "k-datetime-buttongroup", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(ButtonGroup, { stretched: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { className: "k-group-start", size, selected: tab === "date", children: "Date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { className: "k-group-end", size, selected: tab === "time", children: "Time" })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "k-datetime-buttongroup", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ButtonGroup, { stretched: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { className: "k-group-start", size, selected: tab === "date", children: "Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { className: "k-group-end", size, selected: tab === "time", children: "Time" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "k-datetime-selector", children: tab === "time" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "k-datetime-calendar-wrap" }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "k-datetime-time-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TimeSelector, { size, columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { size, fillMode: "flat", className: "k-time-now", children: "Now" }) }) }) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "k-datetime-calendar-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Calendar, { size, showOtherMonth: true, dir }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "k-datetime-time-wrap" })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "k-datetime-selector", children: tab === "time" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "k-datetime-calendar-wrap" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "k-datetime-time-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TimeSelector, { size, columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { size, fillMode: "flat", className: "k-time-now", children: "Now" }) }) }) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "k-datetime-calendar-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Calendar, { size, showOtherMonth: true, dir }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "k-datetime-time-wrap" })
         ] }) }),
-        actionButtons && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(ActionButtons, { className: "k-datetime-footer", alignment: "stretched", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { size, themeColor: "primary", className: "k-time-accept", children: "Set" }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { size, className: "k-time-cancel", children: "Cancel" })
+        actionButtons && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ActionButtons, { className: "k-datetime-footer", alignment: "stretched", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { size, themeColor: "primary", className: "k-time-accept", children: "Set" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { size, className: "k-time-cancel", children: "Cancel" })
         ] })
       ]
     }
@@ -6715,7 +6724,7 @@ DateTimeSelector.className = DATETIMESELECTOR_CLASSNAME;
 DateTimeSelector.defaultProps = defaultProps28;
 
 // src/datetimepicker/datetimepicker.spec.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var DATETIMEPICKER_CLASSNAME = `k-datetimepicker`;
 var states34 = [
   States.hover,
@@ -6762,8 +6771,8 @@ var DateTimePicker = (props) => {
     adaptiveSettings,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       Input,
       {
         ...other,
@@ -6781,9 +6790,9 @@ var DateTimePicker = (props) => {
         readonly,
         className: classNames(props.className, DATETIMEPICKER_CLASSNAME),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(InputInnerInput, { placeholder, value }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(InputInnerInput, { placeholder, value }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             InputValidationIcon,
             {
               valid,
@@ -6792,14 +6801,14 @@ var DateTimePicker = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             InputClearValue,
             {
               loading,
@@ -6808,8 +6817,8 @@ var DateTimePicker = (props) => {
               value
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             Button,
             {
               className: "k-input-button",
@@ -6822,9 +6831,9 @@ var DateTimePicker = (props) => {
         ]
       }
     ),
-    opened && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Popup, { className: `k-${tab === "time" ? "list" : "calendar"}-container k-datetimepicker-popup`, dir, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DateTimeSelector, { tab, dir }) }),
-    adaptive && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    opened && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Popup, { className: `k-${tab === "time" ? "list" : "calendar"}-container k-datetimepicker-popup`, dir, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DateTimeSelector, { tab, dir }) }),
+    adaptive && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         ActionSheetHeader,
         {
           actions: ["x"],
@@ -6832,8 +6841,8 @@ var DateTimePicker = (props) => {
           subTitle: "DD / MM / YY"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DateTimeSelector, { size: "large", tab, actionButtons: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ActionSheetFooter, { actions: ["Cancel", "!Set"] })
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DateTimeSelector, { size: "large", tab, actionButtons: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ActionSheetFooter, { actions: ["Cancel", "!Set"] })
     ] })
   ] });
 };
@@ -6843,16 +6852,16 @@ DateTimePicker.className = DATETIMEPICKER_CLASSNAME;
 DateTimePicker.defaultProps = defaultProps29;
 
 // src/datetimepicker/templates/datetimepicker-normal.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/datetimepicker/templates/datetimepicker-popup.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/datetimepicker/templates/datetimepicker-adaptive.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/dropdownlist/dropdownlist.spec.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var DROPDOWNLIST_CLASSNAME = `k-dropdownlist`;
 var states35 = [
   States.hover,
@@ -6900,8 +6909,8 @@ var DropdownList = (props) => {
     opened,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
       Picker,
       {
         ...other,
@@ -6924,8 +6933,8 @@ var DropdownList = (props) => {
           }
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             InputInnerSpan,
             {
               placeholder,
@@ -6934,7 +6943,7 @@ var DropdownList = (props) => {
               valueIconName
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             InputValidationIcon,
             {
               valid,
@@ -6943,15 +6952,15 @@ var DropdownList = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             Button,
             {
               className: "k-input-button",
@@ -6964,7 +6973,7 @@ var DropdownList = (props) => {
         ]
       }
     ),
-    opened && popup && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Popup, { className: "k-list-container k-dropdownlist-popup", children: popup })
+    opened && popup && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Popup, { className: "k-list-container k-dropdownlist-popup", children: popup })
   ] });
 };
 DropdownList.states = states35;
@@ -6973,22 +6982,22 @@ DropdownList.className = DROPDOWNLIST_CLASSNAME;
 DropdownList.defaultProps = defaultProps30;
 
 // src/dropdownlist/templates/dropdownlist-normal.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-popup.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-filtering.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-grouping.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/spinbutton/spinbutton.spec.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var SPINBUTTON_CLASSNAME = `k-spin-button`;
 var states36 = [];
 var options33 = {
@@ -7005,7 +7014,7 @@ var SpinButton = (props) => {
     fillMode = defaultProps31.fillMode,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "span",
     {
       ...other,
@@ -7014,7 +7023,7 @@ var SpinButton = (props) => {
         props.className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           Button,
           {
             className: "k-spinner-increase",
@@ -7024,7 +7033,7 @@ var SpinButton = (props) => {
             fillMode
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           Button,
           {
             className: "k-spinner-decrease",
@@ -7044,7 +7053,7 @@ SpinButton.className = SPINBUTTON_CLASSNAME;
 SpinButton.defaultProps = defaultProps31;
 
 // src/numerictextbox/numerictextbox.spec.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var NUMERICTEXTBOX_CLASSNAME = `k-numerictextbox`;
 var states37 = [
   States.hover,
@@ -7087,7 +7096,7 @@ var NumericTextbox = (props) => {
     showSpinButton = defaultProps32.showSpinButton,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     Input,
     {
       ...other,
@@ -7104,8 +7113,8 @@ var NumericTextbox = (props) => {
       readonly,
       className: classNames(props.className, NUMERICTEXTBOX_CLASSNAME),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           InputValidationIcon,
           {
             valid,
@@ -7114,14 +7123,14 @@ var NumericTextbox = (props) => {
             disabled
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           InputLoadingIcon,
           {
             loading,
             disabled
           }
         ),
-        showClearButton && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        showClearButton && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           InputClearValue,
           {
             loading,
@@ -7130,7 +7139,7 @@ var NumericTextbox = (props) => {
             value
           }
         ),
-        showSpinButton && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        showSpinButton && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           SpinButton,
           {
             className: "k-input-spinner",
@@ -7148,10 +7157,10 @@ NumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;
 NumericTextbox.defaultProps = defaultProps32;
 
 // src/numerictextbox/templates/numerictextbox-normal.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 
 // src/textbox/textbox.spec.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var TEXTBOX_CLASSNAME = `k-textbox`;
 var states38 = [
   States.hover,
@@ -7194,7 +7203,7 @@ var Textbox = (props) => {
     showClearButton = defaultProps33.showClearButton,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     Input,
     {
       ...other,
@@ -7211,9 +7220,9 @@ var Textbox = (props) => {
       readonly,
       className: classNames(props.className, TEXTBOX_CLASSNAME),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InputPrefix, { children: prefix }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InputInnerInput, { placeholder, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(InputPrefix, { children: prefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           InputValidationIcon,
           {
             valid,
@@ -7222,14 +7231,14 @@ var Textbox = (props) => {
             disabled
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           InputLoadingIcon,
           {
             loading,
             disabled
           }
         ),
-        showClearButton && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        showClearButton && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           InputClearValue,
           {
             loading,
@@ -7238,7 +7247,7 @@ var Textbox = (props) => {
             value
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InputSuffix, { children: suffix })
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(InputSuffix, { children: suffix })
       ]
     }
   );
@@ -7249,16 +7258,16 @@ Textbox.className = TEXTBOX_CLASSNAME;
 Textbox.defaultProps = defaultProps33;
 
 // src/textbox/templates/textbox-normal.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 
 // src/textbox/templates/textbox-prefix.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 
 // src/textbox/templates/textbox-suffix.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 
 // src/timepicker/timepicker.spec.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var TIMEPICKER_CLASSNAME = `k-timepicker`;
 var states39 = [
   States.hover,
@@ -7302,8 +7311,8 @@ var TimePicker = (props) => {
     adaptiveSettings,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       Input,
       {
         ...other,
@@ -7320,9 +7329,9 @@ var TimePicker = (props) => {
         readonly,
         className: classNames(props.className, TIMEPICKER_CLASSNAME),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(InputPrefix, { children: prefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(InputInnerInput, { placeholder, value }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(InputInnerInput, { placeholder, value }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             InputValidationIcon,
             {
               valid,
@@ -7331,14 +7340,14 @@ var TimePicker = (props) => {
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             InputLoadingIcon,
             {
               loading,
               disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             InputClearValue,
             {
               loading,
@@ -7347,8 +7356,8 @@ var TimePicker = (props) => {
               value
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(InputSuffix, { children: suffix }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             Button,
             {
               className: "k-input-button",
@@ -7361,15 +7370,15 @@ var TimePicker = (props) => {
         ]
       }
     ),
-    opened && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Popup, { className: "k-list-container k-timepicker-popup", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { className: "k-time-cancel", children: "Cancel" })
+    opened && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Popup, { className: "k-list-container k-timepicker-popup", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TimeSelector, { columns: ["HH", "mm", "ss", "tt"], focusedColumn: "mm", header: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TimeSelectorHeader, { title: "10:00:00 AM", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(ActionButtons, { alignment: "stretched", className: "k-time-footer", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { themeColor: "primary", className: "k-time-accept", children: "Set" }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { className: "k-time-cancel", children: "Cancel" })
       ] })
     ] }),
-    adaptive && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    adaptive && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(ActionSheet, { adaptive: true, ...adaptiveSettings, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         ActionSheetHeader,
         {
           actions: ["x"],
@@ -7377,8 +7386,8 @@ var TimePicker = (props) => {
           subTitle: "DD / MM / YY"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TimeSelector, { size: "large", columns: ["HH", "mm", "ss", "tt"], focusedColumn: "HH", header: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TimeSelectorHeader, { title: "10:00:00 \u0410\u041C", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { size: "large", fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ActionSheetFooter, { actions: ["Cancel", "!Set time"] })
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TimeSelector, { size: "large", columns: ["HH", "mm", "ss", "tt"], focusedColumn: "HH", header: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(TimeSelectorHeader, { title: "10:00:00 \u0410\u041C", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { size: "large", fillMode: "flat", className: "k-time-now", children: "Now" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ActionSheetFooter, { actions: ["Cancel", "!Set time"] })
     ] })
   ] });
 };
@@ -7388,90 +7397,90 @@ TimePicker.className = TIMEPICKER_CLASSNAME;
 TimePicker.defaultProps = defaultProps34;
 
 // src/timepicker/templates/timepicker-normal.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 
 // src/timepicker/templates/timepicker-popup.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 
 // src/timepicker/templates/timepicker-adaptive.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 
 // src/grid/tests/grid-filter-row.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
-var grid_filter_row_default = () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_jsx_runtime101.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ColorPicker, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var grid_filter_row_default = () => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ColorPicker, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Autocomplete, { placeholder: "Autocomplete..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", {}),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", {}),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Autocomplete, { placeholder: "Autocomplete..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Combobox, { placeholder: "Combobox..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Combobox, { placeholder: "Combobox..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { placeholder: "DropdownList..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { placeholder: "DropdownList..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(NumericTextbox, { placeholder: "Numeric..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(NumericTextbox, { placeholder: "Numeric..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Textbox, { placeholder: "Textbox..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Textbox, { placeholder: "Textbox..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", {}),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DatePicker, { placeholder: "Datepicker..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", {}),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DatePicker, { placeholder: "Datepicker..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(TimePicker, { placeholder: "TimePicker..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TimePicker, { placeholder: "TimePicker..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("col", {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DateTimePicker, { placeholder: "DateTimePicker..." }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { icon: "filter-clear", disabled: true })
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "section", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { id: "grid", className: "k-grid k-grid-md k-grid-display-block k-grid-no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "k-grid-header-wrap k-auto-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("col", {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("thead", { className: "k-table-thead", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { className: "k-table-row k-filter-row", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("th", { className: "k-table-th", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "k-filtercell", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DateTimePicker, { placeholder: "DateTimePicker..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DropdownList, { className: "k-dropdown-operator", arrowIconName: "filter" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { icon: "filter-clear", disabled: true })
     ] }) }) }) }) })
   ] }) }) }) }) })
 ] }) });