@king-design/intact 3.6.0-beta.0 → 3.6.0

package/es/components/datepicker/basepicker.js

@@ -1,18 +1,8 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
-import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
 import { __decorate } from "tslib";
-/**
- * The base hook for handling value of Datepicker and Timepicker
- */
-import { useInstance } from 'intact';
-import { useState, watchState } from '../../hooks/useState';
 import dayjs from './dayjs';
-import { findValueIndex } from './helpers';
-import { isEqualArray, last, bind } from '../utils';
+import { last, bind } from '../utils';
 import { BaseSelect } from '../select/base';
 var typeDefs = _extends({}, BaseSelect.typeDefs, {
   value: [String, Array, Date, Number, dayjs],
@@ -30,8 +20,7 @@ var defaults = function defaults() {
   });
 };
 var events = _extends({}, BaseSelect.events, {
-  selecting: true,
-  togglePosition: true
+  selecting: true
 });
 export var BasePicker = /*#__PURE__*/function (_BaseSelect) {
   _inheritsLoose(BasePicker, _BaseSelect);
@@ -39,264 +28,30 @@ export var BasePicker = /*#__PURE__*/function (_BaseSelect) {
     return _BaseSelect.apply(this, arguments) || this;
   }
   var _proto = BasePicker.prototype;
-  _proto.resetKeywords = function resetKeywords(keywords) {
-    var _this$get = this.get(),
-      multiple = _this$get.multiple,
-      range = _this$get.range;
-    var dayjsValue = this.value.getDayjsValue();
-    var getShowString = this.formats.getShowString;
-    var value = last(dayjsValue);
-    keywords.set(multiple ? '' : !range ? value ? getShowString(value) : '' : value ? [value[0] ? getShowString(value[0]) : '', value[1] ? getShowString(value[1]) : ''].join(' ~ ') : '');
+  _proto.resetKeywords = function resetKeywords(silent) {
+    if (silent === void 0) {
+      silent = false;
+    }
+    // const {multiple} = this.get();
+    // const dayjsValue = this.value.getDayjsValue();
+    var value = last(this.value.value.value);
+    var keywords = this.input.keywords;
+    var _keywords = '';
+    if (value && !this.value.allValuesUpdatedInMultipleMode()) {
+      _keywords = this.value.formatSingleValue(value);
+    }
+    if (!silent) {
+      keywords.set(_keywords);
+    } else {
+      // update keywords will update value, because it is been watched in useValueBase
+      // silent in this case to update keywords to show it in input
+      keywords.value = _keywords;
+      this.forceUpdate();
+    }
   };
   return BasePicker;
 }(BaseSelect);
 BasePicker.typeDefs = typeDefs;
 BasePicker.defaults = defaults;
 BasePicker.events = events;
-__decorate([bind], BasePicker.prototype, "resetKeywords", null);
-export function useValue(_ref, _ref2, panel, shouldUpdateValue, updateValueOnInput, getEqualType, updateStateValue) {
-  var createDateByValueFormat = _ref.createDateByValueFormat,
-    createDateByShowFormat = _ref.createDateByShowFormat,
-    getShowString = _ref.getShowString,
-    getValueString = _ref.getValueString;
-  var isDisabled = _ref2.isDisabled,
-    minDate = _ref2.minDate;
-  // Normalize the value to multipe values, no matter it's multipe or not
-  var value = useState([]);
-  var instance = useInstance();
-  var dayjsValue = [];
-  instance.watch('value', function (newValue, oldValue) {
-    if (isEqualArray(newValue, oldValue)) return;
-    // 检查是否与当前 dayjsValue 对应的字符串相同，避免循环
-    var currentValueStr = convertToValueString(dayjsValue);
-    if (newValue === currentValueStr) {
-      return;
-    }
-    // 只执行一次转换和更新逻辑
-    var _value = convertToDayjs(newValue);
-    dayjsValue = _value;
-    updateStateValue(_value, value);
-    instance.resetKeywords(instance.input.keywords);
-  });
-  watchState(instance.input.keywords, function (v) {
-    var _instance$get = instance.get(),
-      range = _instance$get.range,
-      multiple = _instance$get.multiple;
-    if (!multiple && v === '') return instance.set('value', null);
-    if (range) {
-      var _context;
-      var _v$split$map = _mapInstanceProperty(_context = v.split(/\s*~\s*/)).call(_context, function (s) {
-          return _trimInstanceProperty(s).call(s);
-        }),
-        start = _v$split$map[0],
-        end = _v$split$map[1];
-      if (start && end) {
-        var startDate = createDateByShowFormat(start);
-        if (!isValidDate(startDate)) {
-          return;
-        }
-        var endDate = createDateByShowFormat(end);
-        if (!isValidDate(endDate)) {
-          return;
-        }
-        if (endDate.isAfter(startDate)) {
-          updateValueOnInput([startDate, endDate]);
-        } else {
-          updateValueOnInput([endDate, startDate]);
-        }
-      }
-    } else {
-      var date = createDateByShowFormat(v);
-      if (isValidDate(date)) {
-        updateValueOnInput(date);
-      }
-    }
-  });
-  function convertToDayjs(v) {
-    if (!v || Array.isArray(v) && !v.length) return [];
-    var _instance$get2 = instance.get(),
-      multiple = _instance$get2.multiple;
-    if (!multiple) {
-      v = [v];
-    }
-    return _mapInstanceProperty(v).call(v, function (value) {
-      if (Array.isArray(value)) {
-        // range
-        return _mapInstanceProperty(value).call(value, createDateByValueFormat);
-      }
-      return createDateByValueFormat(value);
-    });
-  }
-  function convertToValueString(v) {
-    var results = _mapInstanceProperty(v).call(v, function (value) {
-      if (Array.isArray(value)) {
-        return _mapInstanceProperty(value).call(value, getValueString);
-      }
-      return getValueString(value);
-    });
-    if (!instance.get('multiple')) {
-      return results[0] || null;
-    }
-    return results;
-  }
-  function format() {
-    var results = _mapInstanceProperty(dayjsValue).call(dayjsValue, function (value) {
-      if (Array.isArray(value)) {
-        return _mapInstanceProperty(value).call(value, getShowString).join(' ~ ');
-      }
-      return getShowString(value);
-    });
-    if (!instance.get('multiple')) {
-      return results[0];
-    }
-    return results;
-  }
-  function setSingleDate(v, fromInput) {
-    value.set([v]);
-    if (fromInput || shouldUpdateValue(v)) {
-      updateValue();
-    }
-  }
-  function addMultipeDate(v, fromInput) {
-    var _instance$get3 = instance.get(),
-      range = _instance$get3.range;
-    var _value = value.value;
-    _value = !_value ? [] : _sliceInstanceProperty(_value).call(_value);
-    if (range && v.length === 2) {
-      // pop the last value firstly, if it only has the start date 
-      var lastValue = last(_value);
-      if (lastValue && lastValue.length < 2) {
-        _value.pop();
-      }
-    }
-    var _shouldUpdateValue = true;
-    if (fromInput || shouldUpdateValue(v)) {
-      // if select the date/year/month, then toggle the value.
-      // if from input, treat the value as the final value
-      var index = findValueIndex(_value, v, getEqualType());
-      if (index > -1) {
-        _spliceInstanceProperty(_value).call(_value, index, 1);
-      } else {
-        _value.push(v);
-      }
-    } else {
-      // select the datetime, only push the value,
-      // and unique the array on click confrim button
-      _value.push(v);
-      _shouldUpdateValue = false;
-    }
-    value.set(_value);
-    if (_shouldUpdateValue) {
-      updateValue();
-    }
-  }
-  function setValue(v, fromInput) {
-    var multiple = instance.get('multiple');
-    if (multiple) {
-      addMultipeDate(v, fromInput);
-    } else {
-      setSingleDate(v, fromInput);
-    }
-  }
-  function updateValue() {
-    var _value = value.value;
-    var valueStr = convertToValueString(_value);
-    // 检查是否需要更新，避免循环调用
-    if (instance.get('value') === valueStr) {
-      return;
-    }
-    // 在设置 value 之前先更新 dayjsValue
-    dayjsValue = _value;
-    instance.set('value', valueStr);
-    instance.resetKeywords(instance.input.keywords);
-  }
-  function onConfirm() {
-    var lastValue = last(instance.value.value.value);
-    var _instance$get4 = instance.get(),
-      multiple = _instance$get4.multiple,
-      range = _instance$get4.range;
-    if (!multiple) {
-      if (range) {
-        // 范围选择：需要开始和结束时间都选择完才关闭
-        if (lastValue.length === 2) {
-          instance.hide();
-        }
-        instance.trigger('togglePosition');
-      } else {
-        // 单选：选择完时间就关闭
-        if (lastValue) {
-          instance.hide();
-        }
-      }
-    } else {
-      unique();
-      panel.reset();
-    }
-    updateValue();
-  }
-  function setMoment() {
-    var now = dayjs();
-    setValue(now, true);
-    instance.hide();
-  }
-  function unique() {
-    var _value = value.value;
-    var map = {};
-    var results = [];
-    _value.forEach(function (value) {
-      var key;
-      if (Array.isArray(value)) {
-        key = _mapInstanceProperty(value).call(value, getValueString).join(' ~ ');
-      } else {
-        key = getValueString(value);
-      }
-      if (!map[key]) {
-        map[key] = true;
-        results.push(value);
-      }
-    });
-    value.set(results);
-  }
-  function isValidDate(date) {
-    return date.isValid() && !isDisabled(date, getEqualType());
-  }
-  function onChangeTime(date, flag) {
-    var _context2;
-    var _instance$get5 = instance.get(),
-      range = _instance$get5.range;
-    var values = _sliceInstanceProperty(_context2 = value.value).call(_context2);
-    var lastIndex = values.length - 1;
-    var _value = date;
-    if (range) {
-      var _context3;
-      _value = _sliceInstanceProperty(_context3 = values[lastIndex]).call(_context3);
-      _value[flag] = date;
-      instance.trigger('selecting', _value);
-    }
-    values[lastIndex] = _value;
-    value.set(values);
-  }
-  function getTimeValue(flag) {
-    var _value = value.value;
-    if (!_value.length) return null;
-    var _instance$get6 = instance.get(),
-      range = _instance$get6.range,
-      min = _instance$get6.min;
-    var lastValue = last(_value);
-    return range ? lastValue[flag] : lastValue;
-  }
-  function getDayjsValue() {
-    return dayjsValue;
-  }
-  return {
-    value: value,
-    format: format,
-    onConfirm: onConfirm,
-    onChangeTime: onChangeTime,
-    getTimeValue: getTimeValue,
-    setValue: setValue,
-    convertToDayjs: convertToDayjs,
-    getDayjsValue: getDayjsValue,
-    setMoment: setMoment
-  };
-}
+__decorate([bind], BasePicker.prototype, "resetKeywords", null);

package/es/components/datepicker/calendar.d.ts

@@ -1,12 +1,14 @@
 import { Component } from 'intact';
 import { Dayjs } from 'dayjs';
 import type { Datepicker } from './index';
-import { StateValue } from './basepicker';
+import type { StateValue } from './useValueBase';
 import { PanelFlags } from './usePanel';
+import { Position } from './useHighlight';
 export interface DatepickerCalendarProps {
     value: StateValue;
     type?: 'date' | 'year' | 'month' | 'week' | 'quarter';
     flag: PanelFlags;
+    highlightPosition: Position;
 }
 export interface DatepickerCalendarEvents {
     change: [Dayjs, PanelFlags];
@@ -20,7 +22,7 @@ export declare class DatepickerCalendar extends Component<DatepickerCalendarProp
         date: import("../../hooks/useState").State<Dayjs>;
         getDateLabel: () => {
             value: string;
-            onClick: (e: import("../../hooks/useDocumentClick").IgnoreClickEvent) => void;
+            onClick(e: import("../../hooks/useDocumentClick").IgnoreClickEvent): void;
         }[];
         prevMonth: () => void;
         nextMonth: () => void;

package/es/components/datepicker/dayjs.d.ts

@@ -1,14 +1,3 @@
-import dayjs, { Dayjs, OpUnitType as DayjsOpUnitType, QUnitType as DayjsQUnitType } from 'dayjs';
-export type OpUnitType = DayjsOpUnitType;
-export type QUnitType = DayjsQUnitType;
-declare module 'dayjs' {
-    interface Dayjs {
-        isSame(date?: dayjs.ConfigType, unit?: DayjsOpUnitType | DayjsQUnitType): boolean;
-        isBefore(date?: dayjs.ConfigType, unit?: DayjsOpUnitType | DayjsQUnitType): boolean;
-        isAfter(date?: dayjs.ConfigType, unit?: DayjsOpUnitType | DayjsQUnitType): boolean;
-        add(value: number, unit?: DayjsOpUnitType | DayjsQUnitType): dayjs.Dayjs;
-        subtract(value: number, unit?: DayjsOpUnitType | DayjsQUnitType): dayjs.Dayjs;
-    }
-}
+import dayjs, { Dayjs, OpUnitType, QUnitType } from 'dayjs';
 export default dayjs;
-export type { Dayjs };
+export type { Dayjs, OpUnitType, QUnitType };

package/es/components/datepicker/helpers.d.ts

@@ -1,5 +1,6 @@
 import dayjs, { Dayjs, OpUnitType, QUnitType } from 'dayjs';
-import { StateValueItem } from './basepicker';
+import { last } from '../utils';
+import { StateValueItem } from './useValueBase';
 export declare function getNowDate(isEnd?: boolean): dayjs.Dayjs;
 export declare function clearTime(date: Date): void;
 export declare function endTime(date: Date): void;
@@ -8,4 +9,4 @@ export declare function isLT(a: Dayjs | undefined | null, b: Dayjs | undefined |
 export declare function isGT(a: Dayjs | undefined | null, b: Dayjs | undefined | null, type?: OpUnitType | QUnitType): boolean;
 export declare function createDate(date: string): Date;
 export declare function findValueIndex(values: StateValueItem[], value: StateValueItem, type: OpUnitType | QUnitType): number;
-export declare function last<T>(arr: T[]): T | undefined;
+export { last };

package/es/components/datepicker/helpers.js

@@ -2,6 +2,7 @@ import _construct from "@babel/runtime-corejs3/helpers/construct";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find-index";
 import dayjs from 'dayjs';
+import { last } from '../utils';
 export function getNowDate(isEnd) {
   // only date without time
   var now = new Date();
@@ -73,6 +74,4 @@ export function findValueIndex(values, value, type) {
     }
   });
 }
-export function last(arr) {
-  return arr[arr.length - 1];
-}
+export { last };

package/es/components/datepicker/index.d.ts

@@ -1,14 +1,13 @@
 import { TypeDefs } from 'intact';
 import dayjs from './dayjs';
-import { State } from '../../hooks/useState';
 import { Shortcut } from './shortcuts';
-import { BasePicker, BasePickerProps, BasePickerEvents, BasePickerBlocks, Value } from './basepicker';
+import { BasePicker, BasePickerProps, BasePickerEvents, BasePickerBlocks } from './basepicker';
+import { Value } from './useValueBase';
 export * as shortcuts from './shortcuts';
 export { dayjs };
 export interface DatepickerProps<V extends Value = Value, M extends boolean = boolean, R extends boolean = boolean> extends BasePickerProps<V extends string ? V : V | string, M, R> {
     type?: 'date' | 'datetime' | 'year' | 'month' | 'week' | 'quarter';
     shortcuts?: Shortcut[];
-    isMerge?: boolean;
 }
 export interface DatepickerEvents extends BasePickerEvents {
 }
@@ -28,52 +27,45 @@ export declare class Datepicker<V extends Value = Value, M extends boolean = fal
     };
     disabled: {
         isDisabled: (value: dayjs.Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
-        isDisabledTime: (value: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => boolean;
+        isDisabledTime: (value: dayjs.Dayjs) => boolean;
         isDisabledConfirm: () => boolean;
-        maxDate: State<dayjs.Dayjs | null>;
-        minDate: State<dayjs.Dayjs | null>;
+        isDisabledValue: (value: import("./useValueBase").StateValueItem) => boolean;
+        maxDate: import("../../hooks/useState").State<dayjs.Dayjs | null>;
+        minDate: import("../../hooks/useState").State<dayjs.Dayjs | null>;
     };
     panel: {
-        startPanel: State<import("./usePanel").PanelTypes>;
-        endPanel: State<import("./usePanel").PanelTypes>;
-        changePanel: (type: import("./usePanel").PanelTypes, flag?: import("./usePanel").PanelFlags) => void;
-        getPanel: (flag: import("./usePanel").PanelFlags) => State<import("./usePanel").PanelTypes>;
-        reset: () => void;
         startRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
         endRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
     };
     focusDate: {
-        focusDate: State<dayjs.Dayjs | null>;
+        focusDate: import("../../hooks/useState").State<dayjs.Dayjs | null>;
         reset: () => void;
     };
     value: {
         format: () => string | string[];
-        onConfirm: () => void;
+        formatSingleValue: (value: import("./useValueBase").StateValueItem) => string;
         onChangeTime: (date: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
         getTimeValue: (flag: import("./usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
-        convertToDayjs: (v: Value | [Value, Value] | Value[] | [Value, Value][] | null | undefined) => import("./basepicker").DayjsValue;
-        getDayjsValue: () => import("./basepicker").DayjsValue;
+        convertToDayjs: (v: Value | [Value, Value] | Value[] | [Value, Value][] | null | undefined) => import("./useValueBase").DayjsValue;
+        unique: () => void;
         setMoment: () => void;
-        value: State<import("./basepicker").StateValue>;
-        setValue: (v: import("./basepicker").StateValueItem, fromInput: boolean) => void;
+        updateValue: () => void;
+        value: import("../../hooks/useState").State<import("./useValueBase").StateValue>;
+        setValue: (v: import("./useValueBase").StateValueItem, fromInput: boolean) => void;
         onChangeDate: (v: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
+        getDayjsValue: () => import("./useValueBase").DayjsValue;
+        allValuesUpdatedInMultipleMode: () => boolean | undefined;
     };
-    activePosition: {
-        position: State<"end" | "start">;
-        charLength: State<number>;
-        startTextLength: State<number>;
-        handleInputClick: (e: MouseEvent) => void;
-        resetPosition: (pos?: "end" | "start") => void;
+    highlight: {
+        position: import("../../hooks/useState").State<import("./useHighlight").Position>;
+        handleInputClick: () => void;
         togglePosition: () => void;
-        setupEventListeners: () => void;
-        resetToStart: () => void;
-    };
-    mergeRange: {
-        formatMultipleValues: (dayjsValue: import("./basepicker").DayjsValue, results: string[]) => string[];
+        highlightWidth: import("../../hooks/useState").State<number>;
+        highlightLeft: import("../../hooks/useState").State<number>;
     };
+    private confirm;
     init(): void;
     protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
     protected getLabel(): string | string[];
-    protected clear(e: MouseEvent): void;
     private setByShortcut;
 }

package/es/components/datepicker/index.js

@@ -15,21 +15,22 @@ import { useFormats } from './useFormats';
 import { usePanel } from './usePanel';
 import { useFocusDate } from './useFocusDate';
 import { useKeyboards } from './useKeyboards';
-import { usePosition } from './usePosition';
-import { useMergeRange } from './useMergeRange';
+import { useHighlight } from './useHighlight';
+// import {useMergeRange} from './useMergeRange';
 import { BasePicker } from './basepicker';
+import { useConfirm } from './useConfirm';
 import * as _shortcuts from './shortcuts';
 export { _shortcuts as shortcuts };
 export { dayjs };
 var typeDefs = _extends({}, BasePicker.typeDefs, {
   type: ['date', 'datetime', 'year', 'month', 'week', 'quarter'],
-  shortcuts: Array,
-  isMerge: Boolean
+  shortcuts: Array
+  // isMerge: Boolean
 });
 var defaults = function defaults() {
   return _extends({}, BasePicker.defaults(), {
-    type: 'date',
-    isMerge: false
+    type: 'date'
+    // isMerge: false
   });
 };
 export var Datepicker = /*#__PURE__*/function (_BasePicker) {
@@ -42,12 +43,17 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
     }
     _this = _BasePicker.call.apply(_BasePicker, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.formats = useFormats();
-    _this.disabled = useDisabled(_this.formats);
+    _this.disabled = useDisabled(_this.formats, function () {
+      return _this.highlight.position;
+    });
     _this.panel = usePanel();
     _this.focusDate = useFocusDate();
-    _this.value = useValue(_this.formats, _this.disabled, _this.panel);
-    _this.activePosition = usePosition();
-    _this.mergeRange = useMergeRange(_this.formats);
+    _this.value = useValue(_this.formats, _this.disabled, _this.panel, function () {
+      return _this.highlight.position;
+    });
+    _this.highlight = useHighlight(_this.value.value, _this.formats.getShowString, _this.input.keywords);
+    // public mergeRange = useMergeRange(this.formats);
+    _this.confirm = useConfirm(_this.highlight, _this.value, _this.formats.getValueString);
     return _this;
   }
   var _proto = Datepicker.prototype;
@@ -55,7 +61,6 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
     _BasePicker.prototype.init.call(this);
     provide(DATEPICKER, this);
     useKeyboards(this.panel.startRef, this.focusDate.focusDate);
-    this.activePosition.setupEventListeners();
   };
   _proto.getPlaceholder = function getPlaceholder() {
     var _this$get = this.get(),
@@ -67,40 +72,26 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
       case 'datetime':
         return range ? _$('开始时间 ~ 结束时间') : _$('请选择日期和时间');
       case 'year':
-        return _$('请选择年份');
+        return range ? _$('开始年份 ~ 结束年份') : _$('请选择年份');
       case 'month':
-        return _$('请选择月份');
+        return range ? _$('开始月份 ~ 结束月份') : _$('请选择月份');
       case 'week':
-        return _$('请选择周');
+        return range ? _$('开始周 ~ 结束周') : _$('请选择周');
       case 'quarter':
-        return _$('请选择季度');
+        return range ? _$('开始季度 ~ 结束季度') : _$('请选择季度');
       default:
         return range ? _$('开始日期 ~ 结束日期') : _$('请选择日期');
     }
   };
   _proto.getLabel = function getLabel() {
-    var _this$get2 = this.get(),
-      multiple = _this$get2.multiple;
-    if (multiple) {
-      var results = this.value.format();
-      var dayjsValue = this.value.getDayjsValue();
-      return this.mergeRange.formatMultipleValues(dayjsValue, results);
-    }
     return this.value.format();
   };
-  _proto.clear = function clear(e) {
-    _BasePicker.prototype.clear.call(this, e);
-    if (this.get('type') === 'datetime') {
-      // reset the state to let user re-select
-      this.panel.reset();
-    }
-  };
   _proto.setByShortcut = function setByShortcut(shortcut) {
     var _this$value = this.value,
       setValue = _this$value.setValue,
       convertToDayjs = _this$value.convertToDayjs;
-    var _this$get3 = this.get(),
-      multiple = _this$get3.multiple;
+    var _this$get2 = this.get(),
+      multiple = _this$get2.multiple;
     setValue(convertToDayjs(shortcut.value())[0], true);
     if (!multiple) {
       this.hide();
@@ -111,5 +102,4 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
 Datepicker.template = template;
 Datepicker.typeDefs = typeDefs;
 Datepicker.defaults = defaults;
-__decorate([bind], Datepicker.prototype, "clear", null);
 __decorate([bind], Datepicker.prototype, "setByShortcut", null);