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

package/dist/npm/recurrence/RecurrenceEditor.js

@@ -0,0 +1,929 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecurrenceEditorVue2 = exports.RecurrenceEditor = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../messages");
+
+var kendo_recurrence_1 = require("@progress/kendo-recurrence");
+
+var kendo_date_math_1 = require("@progress/kendo-date-math");
+
+var RecurrenceFrequencyEditor_1 = require("./RecurrenceFrequencyEditor");
+
+var RecurrenceRepeatOnWeekEditor_1 = require("./RecurrenceRepeatOnWeekEditor");
+
+var common_1 = require("./common");
+
+var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
+
+var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
+
+var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
+
+var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs"); // tslint:enable:max-line-length
+
+
+var RecurrenceEditorVue2 = {
+  name: 'KendoRecurrenceEditor',
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    start: Date,
+    timezone: String
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    kendoLocalizationService: {
+      default: null
+    },
+    kendoIntlService: {
+      default: null
+    }
+  },
+  computed: {
+    rrule: function rrule() {
+      return common_1.getRule(this.$props.value);
+    },
+    frequencies: function frequencies() {
+      return common_1.getFrequencies(this.localizeMessage);
+    },
+    frequency: function frequency() {
+      return common_1.getFrequency(this.rrule);
+    },
+    extendedWeekDays: function extendedWeekDays() {
+      return common_1.getExtendedWeekDays(this.intl, this.localizeMessage);
+    },
+    weekDay: function weekDay() {
+      return common_1.getWeekDay(this.extendedWeekDays, this.rrule, this.$props.start);
+    },
+    months: function months() {
+      return common_1.getMonths(this.intl);
+    },
+    month: function month() {
+      return common_1.getMonth(this.months, this.rrule);
+    },
+    offsets: function offsets() {
+      return common_1.getOffsets(this.localizeMessage);
+    },
+    offset: function offset() {
+      return common_1.getOffset(this.offsets, this.rrule);
+    },
+    endRule: function endRule() {
+      return common_1.getEndRule(this.rrule);
+    },
+    monthDay: function monthDay() {
+      return common_1.getMonthDay(this.rrule, this.$props.start);
+    },
+    until: function until() {
+      return common_1.getUntil(this.rrule);
+    },
+    weekDays: function weekDays() {
+      return common_1.getWeekDays(this.intl);
+    },
+    repeatOnRule: function repeatOnRule() {
+      return common_1.getRepeatOnRule(this.rrule);
+    }
+  },
+  data: function data() {
+    return {
+      defaultCount: 1,
+      defaultUntil: kendo_date_math_1.ZonedDate.fromUTCDate(this.$props.start),
+      localizeMessage: ''
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var intl = kendo_vue_intl_1.provideIntlService(this);
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var timezone = this.ks.timezone;
+
+    var RadioGroupListItem = function RadioGroupListItem(props) {
+      return h("li", {
+        //  {...props}
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          minHeight: 30
+        }
+      }, [props.children]);
+    };
+
+    return (// fragment
+      h("div", [h("div", {
+        "class": "k-form-field"
+      }, [h(kendo_vue_labels_1.Label, [localization.toLanguageString(messages_1.recurrenceEditorRepeat, messages_1.messages[messages_1.recurrenceEditorRepeat])]), h("div", {
+        "class": "k-form-field-wrap"
+      }, [h(RecurrenceFrequencyEditor_1.RecurrenceFrequencyEditor, {
+        value: this.frequency,
+        attrs: this.v3 ? undefined : {
+          value: this.frequency,
+          dataItems: this.frequencies
+        },
+        dataItems: this.frequencies,
+        onChange: this.handleFrequencyChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleFrequencyChange
+        }
+      })])]), this.frequency !== 'never' && h("div", {
+        "class": 'k-form-field'
+      }, [h(kendo_vue_labels_1.Label, {
+        editorId: "interval-editor",
+        attrs: this.v3 ? undefined : {
+          editorId: "interval-editor"
+        }
+      }, [this.localizeMessage(common_1.capitalize(this.frequency) + 'RepeatEvery')]), h("div", {
+        "class": "k-form-field-wrap"
+      }, [h("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center'
+        }
+      }, [h(kendo_vue_inputs_1.NumericTextBox, {
+        min: 1,
+        attrs: this.v3 ? undefined : {
+          min: 1,
+          step: 1,
+          defaultValue: 1,
+          value: this.rrule.interval,
+          id: "interval-editor"
+        },
+        step: 1,
+        defaultValue: 1,
+        value: this.rrule.interval,
+        onChange: this.handleIntervalChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleIntervalChange
+        },
+        id: "interval-editor"
+      }), "\xA0", h(kendo_vue_labels_1.Label, {
+        editorId: "interval-editor",
+        attrs: this.v3 ? undefined : {
+          editorId: "interval-editor"
+        }
+      }, [this.localizeMessage(common_1.capitalize(this.frequency) + 'Interval')])])])]), this.frequency === 'weekly' && h("div", {
+        "class": "k-form-field"
+      }, [h(kendo_vue_labels_1.Label, [this.localizeMessage(messages_1.recurrenceEditorWeeklyRepeatOn, true)]), h("div", {
+        "class": "k-form-field-wrap"
+      }, [h(RecurrenceRepeatOnWeekEditor_1.RecurrenceRepeatOnWeekEditor, {
+        dataItems: this.weekDays,
+        attrs: this.v3 ? undefined : {
+          dataItems: this.weekDays,
+          value: (this.rrule.byWeekDay || []).map(function (_a) {
+            var day = _a.day;
+            return day;
+          })
+        },
+        value: (this.rrule.byWeekDay || []).map(function (_a) {
+          var day = _a.day;
+          return day;
+        }),
+        onChange: this.handleWeekDaysChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleWeekDaysChange
+        }
+      })])]), this.frequency === 'monthly' && h("div", {
+        "class": "k-form-field"
+      }, [h(kendo_vue_labels_1.Label, {
+        key: "recurrence-repeat-on-monthly-label"
+      }, [this.localizeMessage(messages_1.recurrenceEditorMonthlyRepeatOn, true)]), h("div", {
+        "class": "k-form-field-wrap"
+      }, [h(kendo_vue_inputs_1.RadioGroup, {
+        value: this.repeatOnRule,
+        attrs: this.v3 ? undefined : {
+          value: this.repeatOnRule,
+          item: RadioGroupListItem,
+          dataItems: [{
+            value: 'monthday',
+            label: this.localizeMessage(messages_1.recurrenceEditorMonthlyDay, true),
+            children: [' ', h(kendo_vue_inputs_1.NumericTextBox, {
+              key: 'weekday-day',
+              min: 1,
+              attrs: this.v3 ? undefined : {
+                min: 1,
+                max: 31,
+                disabled: this.repeatOnRule !== 'monthday',
+                value: this.rrule && this.rrule.byMonthDay && this.rrule.byMonthDay[0],
+                width: 'auto'
+              },
+              max: 31,
+              disabled: this.repeatOnRule !== 'monthday',
+              value: this.rrule && this.rrule.byMonthDay && this.rrule.byMonthDay[0],
+              onChange: this.handleMonthDayChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleMonthDayChange
+              },
+              width: 'auto'
+            })]
+          }, {
+            value: 'weekday',
+            label: ' ',
+            children: [h(kendo_vue_dropdowns_1.DropDownList, {
+              key: "weekday-offset",
+              textField: "text",
+              attrs: this.v3 ? undefined : {
+                textField: "text",
+                dataItemKey: "value",
+                disabled: this.repeatOnRule !== 'weekday',
+                dataItems: this.offsets,
+                value: this.offset
+              },
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              dataItems: this.offsets,
+              value: this.offset,
+              onChange: this.handleOffsetChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleOffsetChange
+              },
+              style: {
+                width: 'auto'
+              }
+            }), ' ', h(kendo_vue_dropdowns_1.DropDownList, {
+              key: "weekday-value",
+              disabled: this.repeatOnRule !== 'weekday',
+              attrs: this.v3 ? undefined : {
+                disabled: this.repeatOnRule !== 'weekday',
+                value: this.weekDay,
+                dataItem: this.extendedWeekDays,
+                textField: "text",
+                dataItemKey: "value"
+              },
+              value: this.weekDay,
+              dataItem: this.extendedWeekDays,
+              onChange: this.handleWeekDayChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleWeekDayChange
+              },
+              textField: "text",
+              dataItemKey: "value",
+              style: {
+                width: 'auto'
+              }
+            })]
+          }]
+        },
+        onChange: this.handleRepeatOnRuleChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleRepeatOnRuleChange
+        },
+        item: RadioGroupListItem,
+        "class": "k-reset",
+        dataItems: [{
+          value: 'monthday',
+          label: this.localizeMessage(messages_1.recurrenceEditorMonthlyDay, true),
+          children: [' ', h(kendo_vue_inputs_1.NumericTextBox, {
+            key: 'weekday-day',
+            min: 1,
+            attrs: this.v3 ? undefined : {
+              min: 1,
+              max: 31,
+              disabled: this.repeatOnRule !== 'monthday',
+              value: this.rrule && this.rrule.byMonthDay && this.rrule.byMonthDay[0],
+              width: 'auto'
+            },
+            max: 31,
+            disabled: this.repeatOnRule !== 'monthday',
+            value: this.rrule && this.rrule.byMonthDay && this.rrule.byMonthDay[0],
+            onChange: this.handleMonthDayChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleMonthDayChange
+            },
+            width: 'auto'
+          })]
+        }, {
+          value: 'weekday',
+          label: ' ',
+          children: [h(kendo_vue_dropdowns_1.DropDownList, {
+            key: "weekday-offset",
+            textField: "text",
+            attrs: this.v3 ? undefined : {
+              textField: "text",
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              dataItems: this.offsets,
+              value: this.offset
+            },
+            dataItemKey: "value",
+            disabled: this.repeatOnRule !== 'weekday',
+            dataItems: this.offsets,
+            value: this.offset,
+            onChange: this.handleOffsetChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleOffsetChange
+            },
+            style: {
+              width: 'auto'
+            }
+          }), ' ', h(kendo_vue_dropdowns_1.DropDownList, {
+            key: "weekday-value",
+            disabled: this.repeatOnRule !== 'weekday',
+            attrs: this.v3 ? undefined : {
+              disabled: this.repeatOnRule !== 'weekday',
+              value: this.weekDay,
+              dataItem: this.extendedWeekDays,
+              textField: "text",
+              dataItemKey: "value"
+            },
+            value: this.weekDay,
+            dataItem: this.extendedWeekDays,
+            onChange: this.handleWeekDayChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleWeekDayChange
+            },
+            textField: "text",
+            dataItemKey: "value",
+            style: {
+              width: 'auto'
+            }
+          })]
+        }]
+      })])]), this.frequency === 'yearly' && h("div", {
+        "class": "k-form-field"
+      }, [h(kendo_vue_labels_1.Label, [this.localizeMessage(messages_1.recurrenceEditorYearlyRepeatOn, true)]), h("div", {
+        "class": "k-form-field-wrap"
+      }, [h(kendo_vue_inputs_1.RadioGroup, {
+        value: this.repeatOnRule,
+        attrs: this.v3 ? undefined : {
+          value: this.repeatOnRule,
+          item: RadioGroupListItem,
+          dataItems: [{
+            value: 'monthday',
+            label: ' ',
+            children: [h(kendo_vue_dropdowns_1.DropDownList, {
+              key: "monthday-month",
+              disabled: this.repeatOnRule !== 'monthday',
+              attrs: this.v3 ? undefined : {
+                disabled: this.repeatOnRule !== 'monthday',
+                value: this.month,
+                dataItems: this.months,
+                textField: "text",
+                dataItemKey: "value"
+              },
+              value: this.month,
+              dataItems: this.months,
+              textField: "text",
+              dataItemKey: "value",
+              onChange: this.handleMonthChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleMonthChange
+              },
+              style: {
+                width: 'auto'
+              }
+            }), ' ', h(kendo_vue_inputs_1.NumericTextBox, {
+              key: "monthday-day",
+              min: 1,
+              attrs: this.v3 ? undefined : {
+                min: 1,
+                max: 31,
+                disabled: this.repeatOnRule !== 'monthday',
+                value: this.monthDay,
+                width: 'auto'
+              },
+              max: 31,
+              disabled: this.repeatOnRule !== 'monthday',
+              value: this.monthDay,
+              onChange: this.handleMonthDayChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleMonthDayChange
+              },
+              width: 'auto'
+            })]
+          }, {
+            value: 'weekday',
+            label: ' ',
+            children: [h(kendo_vue_dropdowns_1.DropDownList, {
+              key: "yearly-weekday-offset",
+              textField: "text",
+              attrs: this.v3 ? undefined : {
+                textField: "text",
+                dataItemKey: "value",
+                disabled: this.repeatOnRule !== 'weekday',
+                dataItems: this.offsets,
+                value: this.offset
+              },
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              dataItems: this.offsets,
+              value: this.offset,
+              onChange: this.handleOffsetChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleOffsetChange
+              },
+              style: {
+                width: 'auto'
+              }
+            }), ' ', h(kendo_vue_dropdowns_1.DropDownList, {
+              key: "yearly-weekday-day",
+              textField: "text",
+              attrs: this.v3 ? undefined : {
+                textField: "text",
+                dataItemKey: "value",
+                disabled: this.repeatOnRule !== 'weekday',
+                value: this.weekDay,
+                dataItems: this.extendedWeekDays
+              },
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              value: this.weekDay,
+              dataItems: this.extendedWeekDays,
+              onChange: this.handleWeekDayChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleWeekDayChange
+              },
+              style: {
+                width: 'auto'
+              }
+            }), ' ', h("span", {
+              key: "yearly-weekday-of-label"
+            }, [this.localizeMessage(messages_1.recurrenceEditorYearlyOf, true), "\xA0"]), ' ', h(kendo_vue_dropdowns_1.DropDownList, {
+              key: "yearly-weekday-month",
+              textField: "text",
+              attrs: this.v3 ? undefined : {
+                textField: "text",
+                dataItemKey: "value",
+                disabled: this.repeatOnRule !== 'weekday',
+                value: this.month,
+                dataItems: this.months
+              },
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              value: this.month,
+              dataItems: this.months,
+              onChange: this.handleMonthChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleMonthChange
+              },
+              style: {
+                width: 'auto'
+              }
+            })]
+          }]
+        },
+        item: RadioGroupListItem,
+        onChange: this.handleRepeatOnRuleChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleRepeatOnRuleChange
+        },
+        "class": "k-reset",
+        dataItems: [{
+          value: 'monthday',
+          label: ' ',
+          children: [h(kendo_vue_dropdowns_1.DropDownList, {
+            key: "monthday-month",
+            disabled: this.repeatOnRule !== 'monthday',
+            attrs: this.v3 ? undefined : {
+              disabled: this.repeatOnRule !== 'monthday',
+              value: this.month,
+              dataItems: this.months,
+              textField: "text",
+              dataItemKey: "value"
+            },
+            value: this.month,
+            dataItems: this.months,
+            textField: "text",
+            dataItemKey: "value",
+            onChange: this.handleMonthChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleMonthChange
+            },
+            style: {
+              width: 'auto'
+            }
+          }), ' ', h(kendo_vue_inputs_1.NumericTextBox, {
+            key: "monthday-day",
+            min: 1,
+            attrs: this.v3 ? undefined : {
+              min: 1,
+              max: 31,
+              disabled: this.repeatOnRule !== 'monthday',
+              value: this.monthDay,
+              width: 'auto'
+            },
+            max: 31,
+            disabled: this.repeatOnRule !== 'monthday',
+            value: this.monthDay,
+            onChange: this.handleMonthDayChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleMonthDayChange
+            },
+            width: 'auto'
+          })]
+        }, {
+          value: 'weekday',
+          label: ' ',
+          children: [h(kendo_vue_dropdowns_1.DropDownList, {
+            key: "yearly-weekday-offset",
+            textField: "text",
+            attrs: this.v3 ? undefined : {
+              textField: "text",
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              dataItems: this.offsets,
+              value: this.offset
+            },
+            dataItemKey: "value",
+            disabled: this.repeatOnRule !== 'weekday',
+            dataItems: this.offsets,
+            value: this.offset,
+            onChange: this.handleOffsetChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleOffsetChange
+            },
+            style: {
+              width: 'auto'
+            }
+          }), ' ', h(kendo_vue_dropdowns_1.DropDownList, {
+            key: "yearly-weekday-day",
+            textField: "text",
+            attrs: this.v3 ? undefined : {
+              textField: "text",
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              value: this.weekDay,
+              dataItems: this.extendedWeekDays
+            },
+            dataItemKey: "value",
+            disabled: this.repeatOnRule !== 'weekday',
+            value: this.weekDay,
+            dataItems: this.extendedWeekDays,
+            onChange: this.handleWeekDayChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleWeekDayChange
+            },
+            style: {
+              width: 'auto'
+            }
+          }), ' ', h("span", {
+            key: "yearly-weekday-of-label"
+          }, [this.localizeMessage(messages_1.recurrenceEditorYearlyOf, true), "\xA0"]), ' ', h(kendo_vue_dropdowns_1.DropDownList, {
+            key: "yearly-weekday-month",
+            textField: "text",
+            attrs: this.v3 ? undefined : {
+              textField: "text",
+              dataItemKey: "value",
+              disabled: this.repeatOnRule !== 'weekday',
+              value: this.month,
+              dataItems: this.months
+            },
+            dataItemKey: "value",
+            disabled: this.repeatOnRule !== 'weekday',
+            value: this.month,
+            dataItems: this.months,
+            onChange: this.handleMonthChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleMonthChange
+            },
+            style: {
+              width: 'auto'
+            }
+          })]
+        }]
+      })])]), this.frequency !== 'never' && h("div", {
+        "class": "k-form-field"
+      }, [h(kendo_vue_labels_1.Label, [this.localizeMessage(messages_1.recurrenceEditorEndLabel, true)]), h("div", {
+        "class": "k-form-field-wrap"
+      }, [h(kendo_vue_inputs_1.RadioGroup, {
+        item: RadioGroupListItem,
+        attrs: this.v3 ? undefined : {
+          item: RadioGroupListItem,
+          value: this.endRule,
+          dataItems: [{
+            value: 'never',
+            label: this.localizeMessage(messages_1.recurrenceEditorEndNever, true)
+          }, {
+            value: 'count',
+            label: this.localizeMessage(messages_1.recurrenceEditorEndAfter, true),
+            children: [' ', h(kendo_vue_inputs_1.NumericTextBox, {
+              key: "endrule-after-editor",
+              id: "k-endrule-after",
+              attrs: this.v3 ? undefined : {
+                id: "k-endrule-after",
+                min: 1,
+                width: '70px',
+                value: this.endRule === 'count' ? this.rrule.count : this.defaultCount,
+                disabled: this.endRule !== 'count'
+              },
+              min: 1,
+              width: '70px',
+              value: this.endRule === 'count' ? this.rrule.count : this.defaultCount,
+              onChange: this.handleCountChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleCountChange
+              },
+              disabled: this.endRule !== 'count'
+            }), ' ', h(kendo_vue_labels_1.Label, {
+              key: "endrule-after-label",
+              "class": 'k-radio-label',
+              editorId: 'k-endrule-after',
+              attrs: this.v3 ? undefined : {
+                editorId: 'k-endrule-after'
+              }
+            }, [this.localizeMessage(messages_1.recurrenceEditorEndOccurrence, true)])]
+          }, {
+            value: 'until',
+            label: this.localizeMessage(messages_1.recurrenceEditorEndOn, true),
+            children: [' ', // @ts-ignore  function children
+            h(kendo_vue_dateinputs_1.DatePicker, {
+              key: "k-endrule-until-editor",
+              id: "k-endrule-until",
+              attrs: this.v3 ? undefined : {
+                id: "k-endrule-until",
+                disabled: this.endRule !== 'until',
+                min: this.$props.start,
+                value: this.endRule === 'until' ? this.until : kendo_date_math_1.toLocalDate(this.defaultUntil),
+                width: 'auto'
+              },
+              disabled: this.endRule !== 'until',
+              min: this.$props.start,
+              value: this.endRule === 'until' ? this.until : kendo_date_math_1.toLocalDate(this.defaultUntil),
+              onChange: this.handleUntilChange,
+              on: this.v3 ? undefined : {
+                "change": this.handleUntilChange
+              },
+              width: 'auto'
+            })]
+          }]
+        },
+        value: this.endRule,
+        onChange: this.handleEndRuleChange,
+        on: this.v3 ? undefined : {
+          "change": this.handleEndRuleChange
+        },
+        dataItems: [{
+          value: 'never',
+          label: this.localizeMessage(messages_1.recurrenceEditorEndNever, true)
+        }, {
+          value: 'count',
+          label: this.localizeMessage(messages_1.recurrenceEditorEndAfter, true),
+          children: [' ', h(kendo_vue_inputs_1.NumericTextBox, {
+            key: "endrule-after-editor",
+            id: "k-endrule-after",
+            attrs: this.v3 ? undefined : {
+              id: "k-endrule-after",
+              min: 1,
+              width: '70px',
+              value: this.endRule === 'count' ? this.rrule.count : this.defaultCount,
+              disabled: this.endRule !== 'count'
+            },
+            min: 1,
+            width: '70px',
+            value: this.endRule === 'count' ? this.rrule.count : this.defaultCount,
+            onChange: this.handleCountChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleCountChange
+            },
+            disabled: this.endRule !== 'count'
+          }), ' ', h(kendo_vue_labels_1.Label, {
+            key: "endrule-after-label",
+            "class": 'k-radio-label',
+            editorId: 'k-endrule-after',
+            attrs: this.v3 ? undefined : {
+              editorId: 'k-endrule-after'
+            }
+          }, [this.localizeMessage(messages_1.recurrenceEditorEndOccurrence, true)])]
+        }, {
+          value: 'until',
+          label: this.localizeMessage(messages_1.recurrenceEditorEndOn, true),
+          children: [' ', h(kendo_vue_dateinputs_1.DatePicker, {
+            key: "k-endrule-until-editor",
+            id: "k-endrule-until",
+            attrs: this.v3 ? undefined : {
+              id: "k-endrule-until",
+              disabled: this.endRule !== 'until',
+              min: this.$props.start,
+              value: this.endRule === 'until' ? this.until : kendo_date_math_1.toLocalDate(this.defaultUntil),
+              width: 'auto'
+            },
+            disabled: this.endRule !== 'until',
+            min: this.$props.start,
+            value: this.endRule === 'until' ? this.until : kendo_date_math_1.toLocalDate(this.defaultUntil),
+            onChange: this.handleUntilChange,
+            on: this.v3 ? undefined : {
+              "change": this.handleUntilChange
+            },
+            width: 'auto'
+          })]
+        }]
+      })])])])
+    );
+  },
+  methods: {
+    localizeMessage: function localizeMessage(baseMassage, removePrepend) {
+      var message = removePrepend ? baseMassage : 'scheduler.recurrenceEditor' + baseMassage;
+      return this.localization.toLanguageString(message, messages_1.messages[message]);
+    },
+    onChangeHandler: function onChangeHandler(newRrule) {
+      if (newRrule.freq === 'never') {
+        this.$emits('change', {
+          value: null
+        });
+      } else {
+        if (newRrule.weekStart === undefined) {
+          newRrule.weekStart = this.intl.firstDay();
+        }
+
+        this.$emits('change', {
+          value: kendo_recurrence_1.serializeRule(newRrule, this.$props.timezone)
+        });
+      }
+    },
+    handleFrequencyChange: function handleFrequencyChange(newFreq) {
+      var newRrule = {};
+      newRrule.freq = newFreq;
+      newRrule.interval = 1;
+
+      if (newFreq === 'weekly') {
+        newRrule.byWeekDay = [{
+          day: kendo_date_math_1.ZonedDate.fromLocalDate(this.$props.start, this.timezone).getDay(),
+          offset: 0
+        }];
+      }
+
+      if (newFreq === 'monthly' || newFreq === 'yearly') {
+        newRrule.byMonthDay = [this.$props.start.getDate()];
+      }
+
+      if (newFreq === 'yearly') {
+        newRrule.byMonth = [this.$props.start.getMonth() + 1];
+      }
+
+      this.onChangeHandler(newRrule);
+    },
+    handleIntervalChange: function handleIntervalChange(event) {
+      var newInterval = event.value;
+      this.onChangeHandler(Object.assign({}, this.rrule, {
+        interval: newInterval
+      }));
+    },
+    handleCountChange: function handleCountChange(event) {
+      var newCount = event.value;
+      this.onChangeHandler(Object.assign({}, this.rrule, {
+        count: newCount
+      }));
+
+      if (newCount !== null) {
+        this.defaultCount = newCount;
+      }
+    },
+    handleUntilChange: function handleUntilChange(event) {
+      var newUntil = event.value;
+
+      if (!newUntil) {
+        return;
+      }
+
+      var value = kendo_date_math_1.ZonedDate.fromLocalDate(newUntil, this.$props.timezone);
+      this.onChangeHandler(Object.assign({}, this.rrule, {
+        until: value
+      }));
+      this.defaultUntil = value;
+    },
+    handleWeekDaysChange: function handleWeekDaysChange(newWeekDays) {
+      this.onChangeHandler(Object.assign({}, this.rrule, {
+        byWeekDay: this.weekDays.filter(function (wd) {
+          return newWeekDays.some(function (nwd) {
+            return nwd === wd.value;
+          });
+        }).map(function (wd) {
+          return {
+            offset: 0,
+            day: wd.value
+          };
+        })
+      }));
+    },
+    handleWeekDayChange: function handleWeekDayChange(event) {
+      var newRrule = Object.assign({}, this.rrule);
+      var newWeekDay = event.target.value;
+
+      if (typeof newWeekDay.value === 'string') {
+        /* day, weekday or weekend */
+        newRrule.byWeekDay = common_1.weekDayRuleFromString(newWeekDay.value);
+        newRrule.bySetPosition = [this.offset.value];
+      } else {
+        /* specific weekday */
+        newRrule.byWeekDay = [{
+          day: newWeekDay.value,
+          offset: this.offset.value
+        }];
+      }
+
+      this.onChangeHandler(newRrule);
+    },
+    handleMonthDayChange: function handleMonthDayChange(event) {
+      this.onChangeHandler(Object.assign({}, this.rrule, {
+        byMonthDay: [event.value]
+      }));
+    },
+    handleMonthChange: function handleMonthChange(event) {
+      var newMonth = event.value;
+      this.onChangeHandler(Object.assign({}, this.rrule, {
+        byMonth: [newMonth.value]
+      }));
+    },
+    handleEndRuleChange: function handleEndRuleChange(event) {
+      var newEnd = event.value;
+      var newRrule = Object.assign({}, this.rrule);
+
+      switch (newEnd) {
+        case 'never':
+          newRrule.until = undefined;
+          newRrule.count = undefined;
+          break;
+
+        case 'count':
+          newRrule.until = undefined;
+          newRrule.count = this.defaultCount;
+          break;
+
+        case 'until':
+          newRrule.until = this.defaultUntil;
+          newRrule.count = undefined;
+          break;
+
+        default:
+          break;
+      }
+
+      this.onChangeHandler(newRrule);
+    },
+    handleRepeatOnRuleChange: function handleRepeatOnRuleChange(event) {
+      var newRrule = Object.assign({}, this.rrule);
+
+      if (event.value === 'monthday') {
+        newRrule.byWeekDay = undefined;
+        newRrule.bySetPosition = undefined;
+        newRrule.byMonthDay = [this.monthDay];
+      } else if (event.value === 'weekday') {
+        // weekDays
+        newRrule.byMonthDay = undefined;
+
+        if (typeof this.weekDay.value === 'string') {
+          /* day, weekday or weekend */
+          newRrule.bySetPosition = [this.offset.value];
+          newRrule.byWeekDay = common_1.weekDayRuleFromString(this.weekDay.value);
+        } else {
+          /* specific weekday */
+          newRrule.byWeekDay = [{
+            day: this.weekDay.value,
+            offset: this.offset.value
+          }];
+        }
+      }
+
+      this.onChangeHandler(newRrule);
+    },
+    handleOffsetChange: function handleOffsetChange(event) {
+      var newRrule = Object.assign({}, this.rrule);
+      var newOffset = event.value;
+
+      if (newRrule.byWeekDay) {
+        var weekDaysCount = newRrule.byWeekDay.length;
+
+        switch (weekDaysCount) {
+          case 7:
+          case 5:
+          case 2:
+            newRrule.bySetPosition = [newOffset.value];
+            break;
+
+          case 1:
+            newRrule.byWeekDay[0].offset = newOffset.value;
+            break;
+
+          default:
+            break;
+        }
+      }
+
+      this.onChangeHandler(newRrule);
+    }
+  }
+};
+exports.RecurrenceEditorVue2 = RecurrenceEditorVue2;
+var RecurrenceEditor = RecurrenceEditorVue2;
+exports.RecurrenceEditor = RecurrenceEditor;