@progress/kendo-themes-html 6.3.0 → 6.4.0-dev.0

package/dist/action-sheet/tests/action-sheet-calendar-infinite.js

@@ -0,0 +1,1284 @@
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __defProps = Object.defineProperties;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b ||= {})
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined")
+      return require.apply(this, arguments);
+    throw new Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+
+  // src/action-sheet/tests/action-sheet-calendar-infinite.tsx
+  var import_client = __toESM(__require("react-dom/client"));
+
+  // src/utils/class-names.ts
+  var classNames = (...args) => {
+    return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+      return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+    }).filter((arg) => Boolean(arg)).join(" ");
+  };
+
+  // src/utils/component-class-names.ts
+  var optionClassNames = (componentClassName, props) => {
+    return classNames(
+      {
+        [`${componentClassName}-xs`]: props.size === "xsmall",
+        [`${componentClassName}-sm`]: props.size === "small",
+        [`${componentClassName}-md`]: props.size === "medium",
+        [`${componentClassName}-lg`]: props.size === "large",
+        [`${componentClassName}-xl`]: props.size === "xlarge",
+        [`${componentClassName}-xxl`]: props.size === "xxlarge",
+        [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
+      },
+      {
+        [`${componentClassName}-${props.fillMode}`]: props.fillMode
+      },
+      {
+        [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
+      },
+      {
+        [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
+      },
+      {
+        "k-rounded-sm": props.rounded === "small",
+        "k-rounded-md": props.rounded === "medium",
+        "k-rounded-lg": props.rounded === "large",
+        "k-rounded-full": props.rounded === "full"
+      }
+    );
+  };
+  var stateClassNames = (_componentClassName, props) => {
+    return classNames({
+      "k-valid": props.valid,
+      "k-invalid": props.invalid,
+      "k-hover": props.hover,
+      "k-focus": props.focus,
+      "k-checked": props.checked,
+      "k-active": props.active,
+      "k-selected": props.selected,
+      "k-disabled": props.disabled,
+      "k-indeterminate": props.indeterminate && !props.checked,
+      "k-loading": props.loading,
+      "k-empty": props.empty,
+      "k-readonly": props.readonly
+    });
+  };
+
+  // src/utils/theme.ts
+  var Size = {
+    "xsmall": "xsmall",
+    "small": "small",
+    "medium": "medium",
+    "large": "large",
+    "xlarge": "xlarge",
+    "xxlarge": "xxlarge",
+    "xxxlarge": "xxxlarge"
+  };
+  var Roundness = {
+    "small": "small",
+    "medium": "medium",
+    "large": "large",
+    "full": "full"
+  };
+  var FillMode = {
+    "solid": "solid",
+    "flat": "flat",
+    "outline": "outline",
+    "clear": "clear",
+    "link": "link"
+  };
+  var ThemeColor = {
+    "inherit": "inherit",
+    "base": "base",
+    "primary": "primary",
+    "secondary": "secondary",
+    "tertiary": "tertiary",
+    "info": "info",
+    "success": "success",
+    "warning": "warning",
+    "error": "error",
+    "dark": "dark",
+    "light": "light",
+    "inverse": "inverse"
+  };
+  var States = {
+    "open": "open",
+    "hover": "hover",
+    "focus": "focus",
+    "active": "active",
+    "selected": "selected",
+    "disabled": "disabled",
+    "valid": "valid",
+    "invalid": "invalid",
+    "loading": "loading",
+    "required": "required",
+    "empty": "empty",
+    "indeterminate": "indeterminate",
+    "checked": "checked",
+    "readonly": "readonly"
+  };
+
+  // src/action-sheet/action-sheet.spec.tsx
+  var import_jsx_runtime = __require("react/jsx-runtime");
+  var ACTIONSHEET_CLASSNAME = `k-actionsheet`;
+  var states = [];
+  var options = {};
+  var defaultProps = {
+    side: "bottom",
+    fullscreen: false,
+    adaptive: false
+  };
+  var ActionSheet = (props) => {
+    const _a = props, {
+      children,
+      title,
+      header,
+      footer,
+      actions,
+      side = defaultProps.side,
+      fullscreen = defaultProps.fullscreen,
+      adaptive = defaultProps.adaptive
+    } = _a, other = __objRest(_a, [
+      "children",
+      "title",
+      "header",
+      "footer",
+      "actions",
+      "side",
+      "fullscreen",
+      "adaptive"
+    ]);
+    const _ActionSheetHeader = title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionSheetHeader, { title }) : header ? header : Array.isArray(children) && children.find((child) => child.type === ActionSheetHeader);
+    const _ActionSheetFooter = actions ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionSheetFooter, { className: "k-actions", actions }) : footer ? typeof footer === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionSheetFooter, { children: footer }) : footer : Array.isArray(children) && children.find((child) => child.type === ActionSheetFooter);
+    const _ActionSheetContent = Array.isArray(children) ? children.filter((child) => {
+      switch (child.type) {
+        case ActionSheetHeader:
+        case ActionSheetFooter:
+          return false;
+        default:
+          return true;
+      }
+      return true;
+    }) : children.type === ActionSheetItems ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "k-actionsheet-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "k-overlay" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "k-animation-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "k-child-animation-container",
+          style: {
+            [`${fullscreen === true ? "top" : side}`]: 0,
+            [`${fullscreen === true ? "width" : null}`]: "100%",
+            [`${fullscreen === true ? "height" : null}`]: "100%",
+            [`${side === "top" || side === "bottom" ? "width" : null}`]: "100%",
+            [`${side === "left" || side === "right" ? "height" : null}`]: "100%"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            __spreadProps(__spreadValues({}, other), {
+              className: classNames(
+                props.className,
+                ACTIONSHEET_CLASSNAME,
+                {
+                  [`k-actionsheet-${side}`]: fullscreen === false,
+                  "k-actionsheet-fullscreen": fullscreen === true,
+                  "k-adaptive-actionsheet": adaptive
+                }
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                _ActionSheetHeader,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: classNames(
+                  "k-actionsheet-content",
+                  {
+                    "!k-overflow-hidden": adaptive
+                  }
+                ), children: _ActionSheetContent }),
+                _ActionSheetFooter
+              ] })
+            })
+          )
+        }
+      ) })
+    ] });
+  };
+  ActionSheet.states = states;
+  ActionSheet.options = options;
+  ActionSheet.className = ACTIONSHEET_CLASSNAME;
+  ActionSheet.defaultProps = defaultProps;
+
+  // src/icon/icon.spec.tsx
+  var import_jsx_runtime2 = __require("react/jsx-runtime");
+  var ICON_CLASSNAME = `k-icon`;
+  var states2 = [];
+  var options2 = {
+    size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
+    themeColor: [
+      ThemeColor.base,
+      ThemeColor.primary,
+      ThemeColor.secondary,
+      ThemeColor.tertiary,
+      ThemeColor.success,
+      ThemeColor.warning,
+      ThemeColor.error,
+      ThemeColor.info,
+      ThemeColor.light,
+      ThemeColor.dark
+    ]
+  };
+  var defaultProps2 = {};
+  var Icon = (props) => {
+    const _a = props, {
+      size,
+      themeColor,
+      name,
+      rotate,
+      flip
+    } = _a, other = __objRest(_a, [
+      "size",
+      "themeColor",
+      "name",
+      "rotate",
+      "flip"
+    ]);
+    if (!name) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          props.className,
+          ICON_CLASSNAME,
+          optionClassNames(ICON_CLASSNAME, {
+            size,
+            themeColor
+          }),
+          {
+            [`k-i-${name}`]: name,
+            [`k-rotate-${rotate}`]: rotate,
+            [`k-flip-${flip}`]: flip
+          }
+        )
+      })
+    );
+  };
+  Icon.states = states2;
+  Icon.options = options2;
+  Icon.className = ICON_CLASSNAME;
+  Icon.defaultProps = defaultProps2;
+
+  // src/button/button.spec.tsx
+  var import_jsx_runtime3 = __require("react/jsx-runtime");
+  var BUTTON_CLASSNAME = `k-button`;
+  var states3 = [
+    States.hover,
+    States.focus,
+    States.active,
+    States.selected,
+    States.disabled
+  ];
+  var options3 = {
+    size: [Size.small, Size.medium, Size.large],
+    rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
+    fillMode: [FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link],
+    themeColor: [
+      ThemeColor.base,
+      ThemeColor.primary,
+      ThemeColor.secondary,
+      ThemeColor.tertiary,
+      ThemeColor.success,
+      ThemeColor.warning,
+      ThemeColor.error,
+      ThemeColor.info,
+      ThemeColor.light,
+      ThemeColor.dark,
+      ThemeColor.inverse
+    ]
+  };
+  var defaultProps3 = {
+    size: Size.medium,
+    rounded: Roundness.medium,
+    fillMode: FillMode.solid,
+    themeColor: ThemeColor.base,
+    showArrow: false,
+    arrowIconName: "arrow-s"
+  };
+  var Button = (props) => {
+    const _a = props, {
+      size = defaultProps3.size,
+      rounded = defaultProps3.rounded,
+      fillMode = defaultProps3.fillMode,
+      themeColor = defaultProps3.themeColor,
+      hover,
+      focus,
+      active,
+      selected,
+      disabled,
+      icon,
+      text,
+      iconClassName,
+      showArrow = defaultProps3.showArrow,
+      arrowIconName = defaultProps3.arrowIconName
+    } = _a, other = __objRest(_a, [
+      "size",
+      "rounded",
+      "fillMode",
+      "themeColor",
+      "hover",
+      "focus",
+      "active",
+      "selected",
+      "disabled",
+      "icon",
+      "text",
+      "iconClassName",
+      "showArrow",
+      "arrowIconName"
+    ]);
+    const hasIcon = icon !== void 0;
+    const hasChildren = props.children !== void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "button",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          props.className,
+          BUTTON_CLASSNAME,
+          optionClassNames(BUTTON_CLASSNAME, {
+            size,
+            rounded,
+            fillMode,
+            themeColor
+          }),
+          stateClassNames(BUTTON_CLASSNAME, {
+            hover,
+            focus,
+            active,
+            disabled,
+            selected
+          }),
+          {
+            ["k-icon-button"]: !text && !hasChildren && hasIcon
+          }
+        ),
+        children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            Icon,
+            {
+              className: classNames(iconClassName, "k-button-icon"),
+              name: icon
+            }
+          ),
+          text ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            text && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "k-button-text", children: text }),
+            props.children
+          ] }) : props.children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "k-button-text", children: props.children }),
+          showArrow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: arrowIconName }) })
+        ]
+      })
+    );
+  };
+  Button.states = states3;
+  Button.options = options3;
+  Button.className = BUTTON_CLASSNAME;
+  Button.defaultProps = defaultProps3;
+
+  // src/input/input.spec.tsx
+  var import_jsx_runtime4 = __require("react/jsx-runtime");
+  var INPUT_CLASSNAME = `k-input`;
+  var states4 = [
+    States.hover,
+    States.focus,
+    States.valid,
+    States.invalid,
+    States.required,
+    States.disabled,
+    States.loading,
+    States.readonly
+  ];
+  var options4 = {
+    size: [Size.small, Size.medium, Size.large],
+    rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
+    fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
+  };
+  var defaultProps4 = {
+    size: Size.medium,
+    rounded: Size.medium,
+    fillMode: FillMode.solid
+  };
+  var Input = (props) => {
+    const _a = props, {
+      hover,
+      focus,
+      disabled,
+      invalid,
+      valid,
+      loading,
+      readonly,
+      size = defaultProps4.size,
+      rounded = defaultProps4.rounded,
+      fillMode = defaultProps4.fillMode
+    } = _a, other = __objRest(_a, [
+      "hover",
+      "focus",
+      "disabled",
+      "invalid",
+      "valid",
+      "loading",
+      "readonly",
+      "size",
+      "rounded",
+      "fillMode"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "span",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          props.className,
+          INPUT_CLASSNAME,
+          optionClassNames(INPUT_CLASSNAME, { size, rounded, fillMode }),
+          stateClassNames(INPUT_CLASSNAME, { hover, focus, disabled, invalid, valid, loading, readonly })
+        )
+      })
+    );
+  };
+  Input.states = states4;
+  Input.options = options4;
+  Input.className = INPUT_CLASSNAME;
+  Input.defaultProps = defaultProps4;
+
+  // src/input/picker.spec.tsx
+  var import_jsx_runtime5 = __require("react/jsx-runtime");
+  var PICKER_CLASSNAME = `k-picker`;
+  var pickerStates = [
+    States.hover,
+    States.focus,
+    States.valid,
+    States.invalid,
+    States.required,
+    States.disabled,
+    States.loading,
+    States.readonly
+  ];
+  var pickerOptions = {
+    size: [Size.small, Size.medium, Size.large],
+    rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
+    fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
+  };
+  var defaultProps5 = {
+    size: Size.medium,
+    rounded: Roundness.medium,
+    fillMode: FillMode.solid
+  };
+  var Picker = (props) => {
+    const _a = props, {
+      hover,
+      focus,
+      disabled,
+      invalid,
+      valid,
+      loading,
+      readonly,
+      size = defaultProps5.size,
+      rounded = defaultProps5.rounded,
+      fillMode = defaultProps5.fillMode
+    } = _a, other = __objRest(_a, [
+      "hover",
+      "focus",
+      "disabled",
+      "invalid",
+      "valid",
+      "loading",
+      "readonly",
+      "size",
+      "rounded",
+      "fillMode"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "span",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          props.className,
+          PICKER_CLASSNAME,
+          optionClassNames(PICKER_CLASSNAME, { size, rounded, fillMode }),
+          stateClassNames(PICKER_CLASSNAME, { hover, focus, disabled, invalid, valid, loading, readonly })
+        ),
+        children: props.children
+      })
+    );
+  };
+  Picker.states = pickerStates;
+  Picker.options = pickerOptions;
+  Picker.className = PICKER_CLASSNAME;
+  Picker.defaultProps = defaultProps5;
+
+  // src/input/input-clear-value.tsx
+  var import_jsx_runtime6 = __require("react/jsx-runtime");
+  var className = `k-clear-value`;
+  var states5 = [
+    States.disabled,
+    States.loading,
+    States.readonly
+  ];
+  var options5 = {};
+  var InputClearValue = (props) => {
+    const {
+      disabled,
+      loading,
+      readonly,
+      value
+    } = props;
+    if (disabled || readonly || loading || !value) {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: classNames(props.className, className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "x" }) });
+  };
+  InputClearValue.states = states5;
+  InputClearValue.options = options5;
+  InputClearValue.className = className;
+
+  // src/input/input-inner-input.tsx
+  var import_jsx_runtime7 = __require("react/jsx-runtime");
+  var className2 = `k-input-inner`;
+  var states6 = [];
+  var options6 = {};
+  var defaultProps6 = {
+    type: "text",
+    autocomplete: "off",
+    value: "",
+    placeholder: ""
+  };
+  var InputInnerInput = (props) => {
+    const _a = props, {
+      value = defaultProps6.value,
+      type = defaultProps6.type,
+      placeholder = defaultProps6.placeholder,
+      autocomplete = defaultProps6.autocomplete
+    } = _a, other = __objRest(_a, [
+      "value",
+      "type",
+      "placeholder",
+      "autocomplete"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "input",
+      __spreadProps(__spreadValues({}, other), {
+        type,
+        className: classNames(props.className, className2, optionClassNames(className2, props)),
+        placeholder,
+        autoComplete: autocomplete,
+        defaultValue: value
+      })
+    );
+  };
+  InputInnerInput.states = states6;
+  InputInnerInput.options = options6;
+  InputInnerInput.className = className2;
+
+  // src/input/input-inner-span.tsx
+  var import_jsx_runtime8 = __require("react/jsx-runtime");
+  var className3 = `k-input-inner`;
+  var states7 = [];
+  var options7 = {};
+  var InputInnerSpan = (props) => {
+    const _a = props, {
+      value,
+      placeholder,
+      showValue,
+      valueIcon,
+      valueIconName
+    } = _a, other = __objRest(_a, [
+      "value",
+      "placeholder",
+      "showValue",
+      "valueIcon",
+      "valueIconName"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      "span",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(props.className, className3, optionClassNames(className3, props)),
+        children: [
+          valueIcon,
+          !valueIcon && valueIconName && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { className: "k-input-value-icon", name: valueIconName }),
+          showValue && !value && placeholder,
+          showValue && value && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "k-input-value-text", children: value })
+        ]
+      })
+    );
+  };
+  InputInnerSpan.states = states7;
+  InputInnerSpan.options = options7;
+  InputInnerSpan.className = className3;
+
+  // src/input/input-inner-textarea.tsx
+  var import_jsx_runtime9 = __require("react/jsx-runtime");
+  var defaultProps7 = {
+    value: "",
+    placeholder: ""
+  };
+  var className4 = `k-input-inner`;
+  var states8 = [];
+  var options8 = {};
+  var InputInnerTextarea = (props) => {
+    const _a = props, {
+      value = defaultProps7.value,
+      placeholder = defaultProps7.placeholder,
+      rows
+    } = _a, other = __objRest(_a, [
+      "value",
+      "placeholder",
+      "rows"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "textarea",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(props.className, className4, optionClassNames(className4, props)),
+        placeholder,
+        rows,
+        children: value
+      })
+    );
+  };
+  InputInnerTextarea.states = states8;
+  InputInnerTextarea.options = options8;
+  InputInnerTextarea.className = className4;
+
+  // src/input/input-loading-icon.tsx
+  var import_jsx_runtime10 = __require("react/jsx-runtime");
+  var className5 = `k-input-loading-icon`;
+  var states9 = [
+    States.disabled,
+    States.loading
+  ];
+  var InputLoadingIcon = (props) => {
+    const {
+      disabled,
+      loading
+    } = props;
+    if (disabled || !loading) {
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { className: classNames(props.className, className5), name: "loading" });
+  };
+
+  // src/input/input-validation-icon.tsx
+  var import_jsx_runtime11 = __require("react/jsx-runtime");
+  var className6 = `k-input-validation-icon`;
+  var states10 = [
+    States.valid,
+    States.invalid,
+    States.disabled,
+    States.loading
+  ];
+  var options9 = {};
+  var InputValidationIcon = (props) => {
+    const {
+      valid,
+      invalid,
+      disabled,
+      loading
+    } = props;
+    const iconName = invalid ? "warning" : "check";
+    const renderValidationIcon = Boolean(valid || invalid);
+    if (disabled || loading || !renderValidationIcon) {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { className: classNames(className6), name: iconName });
+  };
+  InputValidationIcon.states = states10;
+  InputValidationIcon.options = options9;
+  InputValidationIcon.className = className6;
+
+  // src/input/input-prefix.tsx
+  var import_jsx_runtime12 = __require("react/jsx-runtime");
+
+  // src/input/input-suffix.tsx
+  var import_jsx_runtime13 = __require("react/jsx-runtime");
+
+  // src/searchbox/searchbox.spec.tsx
+  var import_jsx_runtime14 = __require("react/jsx-runtime");
+  var SEARCHBOX_CLASSNAME = `k-searchbox`;
+  var states11 = [
+    States.hover,
+    States.focus,
+    States.valid,
+    States.invalid,
+    States.required,
+    States.disabled,
+    States.loading
+  ];
+  var options10 = {
+    size: [Size.small, Size.medium, Size.large],
+    rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
+    fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
+  };
+  var defaultProps8 = {
+    showIcon: true,
+    icon: "search",
+    size: Input.defaultProps.size,
+    rounded: Input.defaultProps.rounded,
+    fillMode: Input.defaultProps.fillMode
+  };
+  var Searchbox = (props) => {
+    const _a = props, {
+      value,
+      placeholder,
+      size,
+      rounded,
+      fillMode,
+      hover,
+      focus,
+      valid,
+      invalid,
+      required,
+      loading,
+      disabled,
+      showIcon = defaultProps8.showIcon,
+      icon = defaultProps8.icon
+    } = _a, other = __objRest(_a, [
+      "value",
+      "placeholder",
+      "size",
+      "rounded",
+      "fillMode",
+      "hover",
+      "focus",
+      "valid",
+      "invalid",
+      "required",
+      "loading",
+      "disabled",
+      "showIcon",
+      "icon"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      Input,
+      __spreadProps(__spreadValues({}, other), {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(props.className, SEARCHBOX_CLASSNAME),
+        children: [
+          showIcon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { className: "k-input-icon", name: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InputInnerInput, { placeholder, value }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InputLoadingIcon, __spreadValues({}, props)),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InputValidationIcon, __spreadValues({}, props)),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InputClearValue, __spreadValues({}, props))
+        ]
+      })
+    );
+  };
+  Searchbox.states = states11;
+  Searchbox.options = options10;
+  Searchbox.className = SEARCHBOX_CLASSNAME;
+  Searchbox.defaultProps = defaultProps8;
+
+  // src/action-sheet/actionsheet-header.tsx
+  var import_jsx_runtime15 = __require("react/jsx-runtime");
+  var ACTIONSHEETHEADER_CLASSNAME = `k-actionsheet-titlebar`;
+  var ActionSheetHeader = (props) => {
+    const _a = props, {
+      title,
+      subTitle,
+      actions,
+      filter
+    } = _a, other = __objRest(_a, [
+      "title",
+      "subTitle",
+      "actions",
+      "filter"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "div",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          props.className,
+          ACTIONSHEETHEADER_CLASSNAME
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "k-actionsheet-titlebar-group k-hbox", children: [
+            !props.children && (title || subTitle) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "k-actionsheet-title", children: [
+              title !== "" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "k-text-center", children: title }),
+              subTitle !== "" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "k-actionsheet-subtitle k-text-center", children: subTitle })
+            ] }) }),
+            props.children && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "k-actionsheet-title", children: props.children }),
+            actions && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "k-actionsheet-actions", children: actions.map((actionName) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { icon: actionName, size: "large", fillMode: "flat" }, actionName)) }) })
+          ] }),
+          filter && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Searchbox, { placeholder: "Filter", size: "large" }) }) })
+        ] })
+      })
+    );
+  };
+
+  // src/action-buttons/action-buttons.spec.tsx
+  var import_jsx_runtime16 = __require("react/jsx-runtime");
+  var ACTIONBUTTONS_CLASSNAME = `k-actions`;
+  var states12 = [];
+  var options11 = {};
+  var defaultProps9 = {
+    alignment: "start",
+    orientation: "horizontal"
+  };
+  var ActionButtons = (props) => {
+    const _a = props, {
+      alignment = defaultProps9.alignment,
+      orientation = defaultProps9.orientation
+    } = _a, other = __objRest(_a, [
+      "alignment",
+      "orientation"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "div",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          ACTIONBUTTONS_CLASSNAME,
+          {
+            [`${ACTIONBUTTONS_CLASSNAME}-${alignment}`]: alignment,
+            [`${ACTIONBUTTONS_CLASSNAME}-${orientation}`]: orientation
+          },
+          props.className
+        ),
+        children: props.children
+      })
+    );
+  };
+  ActionButtons.states = states12;
+  ActionButtons.options = options11;
+  ActionButtons.className = ACTIONBUTTONS_CLASSNAME;
+  ActionButtons.defaultProps = defaultProps9;
+  var action_buttons_spec_default = ActionButtons;
+
+  // src/action-sheet/actionsheet-footer.tsx
+  var import_jsx_runtime17 = __require("react/jsx-runtime");
+  var ACTIONSHEETFOOTER_CLASSNAME = `k-actionsheet-footer`;
+  var ActionSheetFooter = (props) => {
+    const _a = props, {
+      actions
+    } = _a, other = __objRest(_a, [
+      "actions"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      action_buttons_spec_default,
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          props.className,
+          ACTIONSHEETFOOTER_CLASSNAME
+        ),
+        alignment: "stretched",
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          actions && actions.map((action, index) => {
+            if (action === "|") {
+              return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "k-separator" }, index);
+            }
+            if (action === " ") {
+              return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "k-spacer" }, index);
+            }
+            const importantFlag = action.startsWith("!");
+            const actionName = importantFlag ? action.substring(1) : action;
+            return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { text: actionName, size: "large", themeColor: importantFlag ? "primary" : "base" }, index);
+          }),
+          !actions && props.children
+        ] })
+      })
+    );
+  };
+
+  // src/action-sheet/actionsheet-items.tsx
+  var import_jsx_runtime18 = __require("react/jsx-runtime");
+  var ActionSheetItems = (props) => {
+    const other = __objRest(props, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "div",
+      __spreadProps(__spreadValues({}, other), {
+        className: classNames(
+          props.className,
+          "k-list-ul"
+        ),
+        children: props.children
+      })
+    );
+  };
+
+  // src/action-sheet/actionsheet-item.tsx
+  var import_jsx_runtime19 = __require("react/jsx-runtime");
+  var states13 = [
+    States.hover,
+    States.focus,
+    States.selected,
+    States.disabled
+  ];
+
+  // src/action-sheet/tests/action-sheet-calendar-infinite.tsx
+  var import_jsx_runtime20 = __require("react/jsx-runtime");
+  var root = import_client.default.createRoot(
+    document.getElementById("app")
+  );
+  var styles = `
+    #test-area {
+        --kendo-actionsheet-height: 400px;
+        --kendo-actionsheet-max-height: 400px;
+    }
+    #test-area> section {
+        height: 600px;
+        outline: 1px dotted;
+        overflow: hidden;
+        position: relative;
+        transform: translateZ(0);
+    }
+`;
+  root.render(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("style", { children: styles }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "partial" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "full screen" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ActionSheet, { adaptive: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ActionSheetHeader, { actions: ["x"], children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "k-text-center", children: "Select date" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "k-widget k-calendar k-calendar-lg k-calendar-infinite", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "k-vstack k-calendar-view k-calendar-monthview", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "k-calendar-header k-hstack", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-button k-nav-fast k-button-md k-rounded-md k-button-flat k-button-flat-base k-calendar-title", children: "December 1999" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-spacer" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-calendar-nav k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { className: "k-calendar-nav-today k-button k-button-md k-button-flat k-button-flat-primary k-rounded-md", children: " Today " }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("table", { className: "k-calendar-weekdays k-calendar-table", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "k-flex k-content k-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("table", { className: "k-calendar-table", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("colgroup", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {})
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { className: "k-calendar-tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-caption", colSpan: 7, children: "December 1999" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "1" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "2" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "3" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "4" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "6" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "7" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "8" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "9" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "10" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "11" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "12" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "13" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "14" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "15" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "16" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "17" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "18" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "19" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "20" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "21" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "22" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "23" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "24" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "25" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "26" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "27" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "28" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "29" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "30" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "31" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { className: "k-calendar-tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-caption", colSpan: 7, children: "January 2000" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "1" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "2" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "3" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "4" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "6" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "7" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "8" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "9" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "10" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "11" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "12" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "13" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "14" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "15" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "16" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "17" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "18" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "19" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "20" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "21" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "22" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "23" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "24" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "25" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "26" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "27" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "28" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "29" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "30" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "31" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" })
+                ] })
+              ] })
+            ] }) })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ActionSheet, { adaptive: true, fullscreen: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ActionSheetHeader, { actions: ["x"], children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "k-text-center", children: "Select date" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "k-widget k-calendar k-calendar-lg k-calendar-infinite", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "k-vstack k-calendar-view k-calendar-monthview", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "k-calendar-header k-hstack", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-button k-nav-fast k-button-md k-rounded-md k-button-flat k-button-flat-base k-calendar-title", children: "December 1999" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-spacer" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-calendar-nav k-hstack", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { className: "k-calendar-nav-today k-button k-button-md k-button-flat k-button-flat-primary k-rounded-md", children: " Today " }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("table", { className: "k-calendar-weekdays k-calendar-table", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { className: "k-calendar-thead", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Su" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Mo" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Tu" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "We" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Th" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Fr" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-th", children: "Sa" })
+            ] }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "k-flex k-content k-scrollable", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("table", { className: "k-calendar-table", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("colgroup", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("col", {})
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { className: "k-calendar-tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-caption", colSpan: 7, children: "December 1999" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "1" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "2" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "3" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "4" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "6" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "7" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "8" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "9" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "10" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "11" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "12" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "13" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "14" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "15" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "16" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "17" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "18" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "19" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "20" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "21" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "22" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "23" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "24" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "25" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "26" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "27" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "28" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "29" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "30" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "31" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tbody", { className: "k-calendar-tbody", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { className: "k-calendar-tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("th", { className: "k-calendar-caption", colSpan: 7, children: "January 2000" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "1" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "2" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "3" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "4" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "5" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "6" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "7" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "8" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "9" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "10" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "11" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "12" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "13" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "14" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "15" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "16" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "17" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "18" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "19" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "20" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "21" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "22" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "23" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "24" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "25" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "26" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "27" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "28" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "29" }) })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("tr", { className: "k-calendar-tr", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td k-weekend", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "30" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-calendar-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "k-link", children: "31" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { className: "k-empty k-calendar-td", children: "\xA0" })
+                ] })
+              ] })
+            ] }) })
+          ] }) })
+        ] }) })
+      ] })
+    ] })
+  );
+})();
+//# sourceMappingURL=action-sheet-calendar-infinite.js.map