@progress/kendo-vue-scheduler 3.0.8 → 3.0.9-dev.202203010857

package/dist/es/components/ShowMoreItemsButton.js

@@ -0,0 +1,62 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { Button } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
+
+var ShowMoreItemsButtonVue2 = {
+  name: 'KendoShowMoreItemsButton',
+  props: {
+    currentSlot: Object
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return (// @ts-ignore  function children
+      h(Button, {
+        tabIndex: -1,
+        attrs: this.v3 ? undefined : {
+          tabIndex: -1
+        },
+        "class": "k-more-events",
+        onClick: this.handleClick,
+        on: this.v3 ? undefined : {
+          "click": this.handleClick
+        }
+      }, this.v3 ? function () {
+        return [h("span", {
+          "class": "k-icon k-i-more-horizontal"
+        })];
+      } : [h("span", {
+        "class": "k-icon k-i-more-horizontal"
+      })])
+    );
+  },
+  methods: {
+    handleClick: function handleClick(event) {
+      this.$emit('click', {
+        target: {
+          slot: this.currentSlot
+        },
+        event: event
+      });
+    }
+  }
+};
+var ShowMoreItemsButton = ShowMoreItemsButtonVue2;
+export { ShowMoreItemsButton, ShowMoreItemsButtonVue2 };

package/dist/es/components/TimeHeaderCell.d.ts

@@ -0,0 +1,72 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DateFormatOptions } from '@progress/kendo-vue-intl';
+/**
+ * Represents the properties of [TimeHeaderCell]({% slug api_scheduler_timeheadercell %}) component.
+ */
+export interface TimeHeaderCellProps {
+    /** @hidden */
+    as?: any;
+    /**
+     * Represents the date format.
+     */
+    format?: string | DateFormatOptions;
+    /**
+     * Represents the current date.
+     */
+    date: Date;
+    /**
+     * Represents the start date.
+     */
+    start: Date;
+    /**
+     * Represents the end date.
+     */
+    end: Date;
+}
+/**
+ * Represents the target(element and props).
+ */
+export interface TimeHeaderCellHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLElement | null;
+    /**
+     * The props values of the TimeHeaderCell.
+     */
+    props: TimeHeaderCellProps;
+}
+/**
+ * @hidden
+ */
+export interface TimeHeaderCellState {
+}
+/**
+ * @hidden
+ */
+export interface TimeHeaderCellComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimeHeaderCellMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface TimeHeaderCellData {
+}
+/**
+ * @hidden
+ */
+export interface TimeHeaderCellAll extends Vue2type, TimeHeaderCellMethods, TimeHeaderCellData, TimeHeaderCellComputed, TimeHeaderCellState {
+}
+declare let TimeHeaderCellVue2: ComponentOptions<TimeHeaderCellAll, DefaultData<TimeHeaderCellData>, DefaultMethods<TimeHeaderCellAll>, TimeHeaderCellComputed, RecordPropsDefinition<TimeHeaderCellProps>>;
+declare const TimeHeaderCell: DefineComponent<TimeHeaderCellProps, any, TimeHeaderCellData, TimeHeaderCellComputed, TimeHeaderCellMethods, {}, {}, {}, string, TimeHeaderCellProps, TimeHeaderCellProps, {}>;
+export { TimeHeaderCell, TimeHeaderCellVue2 };

package/dist/es/components/TimeHeaderCell.js

@@ -0,0 +1,44 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { provideIntlService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
+
+var TimeHeaderCellVue2 = {
+  name: 'KendoTimeHeaderCell',
+  props: {
+    as: [String, Function, Object],
+    format: {
+      type: [String, Object],
+      default: 't'
+    },
+    date: [Date, Object],
+    start: [Date, Object],
+    end: [Date, Object]
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoIntlService = inject('kendoIntlService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var intl = provideIntlService(this);
+    return h("div", {
+      "class": 'k-scheduler-cell k-heading-cell'
+    }, [intl.formatDate(this.$props.date, this.$props.format)]);
+  }
+};
+var TimeHeaderCell = TimeHeaderCellVue2;
+export { TimeHeaderCell, TimeHeaderCellVue2 };

package/dist/es/components/footer/SchedulerFooter.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { ToolbarProps } from '@progress/kendo-vue-buttons';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerFooter]({% slug api_scheduler_schedulerfooter %}) component.
+ */
+export interface SchedulerFooterProps extends ToolbarProps {
+}
+/**
+ * Represents the object which is returned from the `ref` callback of the [SchedulerFooter]({% slug api_scheduler_schedulerfooter %}).
+ *
+ * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
+ */
+export interface SchedulerFooterHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerFooterProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerFooterAll extends Vue2type, SchedulerFooterMethods, SchedulerFooterData, SchedulerFooterComputed, SchedulerFooterState {
+}
+declare let SchedulerFooterVue2: ComponentOptions<SchedulerFooterAll, DefaultData<SchedulerFooterData>, DefaultMethods<SchedulerFooterAll>, SchedulerFooterComputed, RecordPropsDefinition<SchedulerFooterProps>>;
+declare const SchedulerFooter: DefineComponent<SchedulerFooterProps, any, SchedulerFooterData, SchedulerFooterComputed, SchedulerFooterMethods, {}, {}, {}, string, SchedulerFooterProps, SchedulerFooterProps, {}>;
+export { SchedulerFooter, SchedulerFooterVue2 };

package/dist/es/components/footer/SchedulerFooter.js

@@ -0,0 +1,35 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Toolbar } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
+
+var SchedulerFooterVue2 = {
+  name: 'KendoSchedulerFooter',
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return (// @ts-ignore  function children
+      h(Toolbar //   ref={(toolbar: Toolbar) => { if (toolbar) { element.current = toolbar.element; } }}
+      , {
+        "class": 'k-scheduler-footer',
+        style: {
+          boxShadow: 'none'
+        }
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+var SchedulerFooter = SchedulerFooterVue2;
+export { SchedulerFooter, SchedulerFooterVue2 };

package/dist/es/components/footer/bussiness-hours/BussinessHours.d.ts

@@ -0,0 +1,43 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/** @hidden */
+export interface BusinessHoursProps {
+}
+/** @hidden */
+export interface BusinessHoursHandle {
+    element: HTMLSpanElement | null;
+    props: BusinessHoursProps;
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursState {
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursData {
+}
+/**
+ * @hidden
+ */
+export interface BusinessHoursAll extends Vue2type, BusinessHoursMethods, BusinessHoursData, BusinessHoursComputed, BusinessHoursState {
+}
+declare let BusinessHoursVue2: ComponentOptions<BusinessHoursAll, DefaultData<BusinessHoursData>, DefaultMethods<BusinessHoursAll>, BusinessHoursComputed, RecordPropsDefinition<BusinessHoursProps>>;
+declare const BusinessHours: DefineComponent<BusinessHoursProps, any, BusinessHoursData, BusinessHoursComputed, BusinessHoursMethods, {}, {}, {}, string, BusinessHoursProps, BusinessHoursProps, {}>;
+export { BusinessHours, BusinessHoursVue2 };

package/dist/es/components/footer/bussiness-hours/BussinessHours.js

@@ -0,0 +1,33 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { ToolbarItem } from '@progress/kendo-vue-buttons';
+import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+
+var BusinessHoursVue2 = {
+  name: 'KendoBusinessHours',
+  props: {},
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return (// @ts-ignore  function children
+      h(ToolbarItem // ref={(item) => { if (item) { element.current = item.element; } }}
+      , {
+        "class": 'k-scheduler-navigation'
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+var BusinessHours = BusinessHoursVue2;
+export { BusinessHours, BusinessHoursVue2 };

package/dist/es/components/header/SchedulerHeader.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { ToolbarProps } from '@progress/kendo-vue-buttons';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerHeader]({% slug api_scheduler_schedulerfooter %}) component.
+ */
+export interface SchedulerHeaderProps extends ToolbarProps {
+}
+/**
+ * Represents the object which is returned from the `ref` callback of the [SchedulerHeader]({% slug api_scheduler_schedulerfooter %}).
+ *
+ * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
+ */
+export interface SchedulerHeaderHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerHeaderProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerHeaderAll extends Vue2type, SchedulerHeaderMethods, SchedulerHeaderData, SchedulerHeaderComputed, SchedulerHeaderState {
+}
+declare let SchedulerHeaderVue2: ComponentOptions<SchedulerHeaderAll, DefaultData<SchedulerHeaderData>, DefaultMethods<SchedulerHeaderAll>, SchedulerHeaderComputed, RecordPropsDefinition<SchedulerHeaderProps>>;
+declare const SchedulerHeader: DefineComponent<SchedulerHeaderProps, any, SchedulerHeaderData, SchedulerHeaderComputed, SchedulerHeaderMethods, {}, {}, {}, string, SchedulerHeaderProps, SchedulerHeaderProps, {}>;
+export { SchedulerHeader, SchedulerHeaderVue2 };

package/dist/es/components/header/SchedulerHeader.js

@@ -0,0 +1,31 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Toolbar } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
+
+var SchedulerHeaderVue2 = {
+  name: 'KendoSchedulerHeader',
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    return (// @ts-ignore  function children
+      h(Toolbar, {
+        "class": 'k-scheduler-toolbar'
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+var SchedulerHeader = SchedulerHeaderVue2;
+export { SchedulerHeader, SchedulerHeaderVue2 };

package/dist/es/components/header/navigation/DatePickerToggleButton.d.ts

@@ -0,0 +1,36 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { ButtonProps } from '@progress/kendo-vue-buttons';
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonState {
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonData {
+}
+/**
+ * @hidden
+ */
+export interface DatePickerToggleButtonAll extends Vue2type, DatePickerToggleButtonMethods, DatePickerToggleButtonData, DatePickerToggleButtonComputed, DatePickerToggleButtonState {
+}
+declare let DatePickerToggleButtonVue2: ComponentOptions<DatePickerToggleButtonAll, DefaultData<DatePickerToggleButtonData>, DefaultMethods<DatePickerToggleButtonAll>, DatePickerToggleButtonComputed, RecordPropsDefinition<ButtonProps>>;
+declare const DatePickerToggleButton: DefineComponent<ButtonProps, any, DatePickerToggleButtonData, DatePickerToggleButtonComputed, DatePickerToggleButtonMethods, {}, {}, {}, string, ButtonProps, ButtonProps, {}>;
+export { DatePickerToggleButton, DatePickerToggleButtonVue2 };

package/dist/es/components/header/navigation/DatePickerToggleButton.js

@@ -0,0 +1,94 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { provideIntlService } from '@progress/kendo-vue-intl';
+import { MS_PER_DAY } from '../../../constants';
+import { Button } from '@progress/kendo-vue-buttons'; // tslint:enable:max-line-length
+
+var DatePickerToggleButtonVue2 = {
+  name: 'KendoDatePickerToggleButton',
+  props: __assign({}, Button.props),
+  inheritAttrs: false,
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var intl = provideIntlService(this); // const { dateFormat, shortDateFormat } = useSchedulerDateFormatContext();
+    // const dateRange = useSchedulerDateRangeContext();
+    // const [date] = useSchedulerDateContext();
+
+    var isMonthView = this.ks.dateRange.end.getTime() - this.ks.dateRange.start.getTime() > MS_PER_DAY * 27;
+    var text = intl.format(this.ks.dateFormat, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedStart, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1));
+    var shortText = intl.format(this.ks.shortDateFormat, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedStart, isMonthView ? this.ks.currentDate : this.ks.dateRange.zonedEnd.addDays(-1));
+    return (// @ts-ignore  function children
+      h(Button, {
+        onClick: this.handleClick // {...props} 
+        ,
+        on: this.v3 ? undefined : {
+          "click": this.handleClick
+        },
+        icon: "calendar",
+        attrs: this.v3 ? undefined : {
+          icon: "calendar",
+          tabIndex: -1,
+          fillMode: 'flat'
+        },
+        "class": "k-nav-current",
+        tabIndex: -1,
+        fillMode: 'flat'
+      }, this.v3 ? function () {
+        return [h("span", {
+          "class": "k-button-text"
+        }, [h("span", {
+          "class": "k-sm-date-format"
+        }, [shortText]), h("span", {
+          "class": "k-lg-date-format"
+        }, [text])])];
+      } : [h("span", {
+        "class": "k-button-text"
+      }, [h("span", {
+        "class": "k-sm-date-format"
+      }, [shortText]), h("span", {
+        "class": "k-lg-date-format"
+      }, [text])])])
+    );
+  },
+  methods: {
+    handleClick: function handleClick(e) {
+      this.$emit('click', e);
+    }
+  }
+};
+var DatePickerToggleButton = DatePickerToggleButtonVue2;
+export { DatePickerToggleButton, DatePickerToggleButtonVue2 };

package/dist/es/components/header/navigation/NavigationDatePicker.d.ts

@@ -0,0 +1,36 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DatePickerProps } from '@progress/kendo-vue-dateinputs';
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerState {
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerData {
+}
+/**
+ * @hidden
+ */
+export interface NavigationDatePickerAll extends Vue2type, NavigationDatePickerMethods, NavigationDatePickerData, NavigationDatePickerComputed, NavigationDatePickerState {
+}
+declare let NavigationDatePickerVue2: ComponentOptions<NavigationDatePickerAll, DefaultData<NavigationDatePickerData>, DefaultMethods<NavigationDatePickerAll>, NavigationDatePickerComputed, RecordPropsDefinition<DatePickerProps>>;
+declare const NavigationDatePicker: DefineComponent<DatePickerProps, any, NavigationDatePickerData, NavigationDatePickerComputed, NavigationDatePickerMethods, {}, {}, {}, string, DatePickerProps, DatePickerProps, {}>;
+export { NavigationDatePicker, NavigationDatePickerVue2 };

package/dist/es/components/header/navigation/NavigationDatePicker.js

@@ -0,0 +1,90 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { DatePicker } from '@progress/kendo-vue-dateinputs';
+import { DatePickerToggleButton } from './DatePickerToggleButton'; // import {
+//     useSchedulerDateFormatContext,
+//     useSchedulerDateRangeContext,
+//     useSchedulerDateContext,
+//     useSchedulerPropsContext
+// } from '../../../context/SchedulerContext';
+
+import { ZonedDate, getDate } from '@progress/kendo-date-math';
+import { toUTCDateTime } from '../../../utils';
+
+var EMPTY_DATE_INPUT = function EMPTY_DATE_INPUT() {
+  return null;
+}; // tslint:enable:max-line-length
+
+
+var NavigationDatePickerVue2 = {
+  name: 'KendoNavigationDatePicker',
+  props: __assign(__assign({}, DatePicker.props), {
+    value: [Date, Object]
+  }),
+  inject: {
+    ks: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var normalized = ZonedDate.fromLocalDate(this.$props.value, this.ks.timezone);
+    var value = getDate(normalized);
+    return (// @ts-ignore
+      h(DatePicker, {
+        style: {
+          width: 'auto'
+        },
+        dateInput: EMPTY_DATE_INPUT,
+        attrs: this.v3 ? undefined : {
+          dateInput: EMPTY_DATE_INPUT,
+          toggleButton: DatePickerToggleButton //      {...props}
+          ,
+          value: value
+        },
+        toggleButton: DatePickerToggleButton,
+        value: value,
+        onChange: this.handleChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleChange
+        }
+      })
+    );
+  },
+  methods: {
+    handleChange: function handleChange(event) {
+      var normalizedValue = ZonedDate.fromUTCDate(toUTCDateTime(event.value), this.ks.timezone);
+      this.$emit('change', __assign(__assign({}, event), {
+        value: normalizedValue
+      }));
+    }
+  }
+};
+var NavigationDatePicker = NavigationDatePickerVue2;
+export { NavigationDatePicker, NavigationDatePickerVue2 };