time-range-picker 0.1.27 → 0.1.28

package/README.md

@@ -25,7 +25,9 @@ npm i time-range-picker
 | disabled              | 是否禁用                                         | Boolean       |                         | false                                       |
 | size                  | 组件大小                                         | String        | large medium small mini | medium                                      |
 | defaultDate(即将弃用) | 设置默认时间，可以选择设置是当前年范围还是月范围 | String, Array | 见下方说明 5            | ''                                          |
-| pickerOptions         | 附加参数                                         | Object        | 见下方说明 4            | {start: '00:00',step: '00:60',end: '23:00'} |
+| pickerOptions         | 附加参数                                         | Object        | 见下方说明 4            | {start: '00:00',step: '00:60',end: '23:00'}|
+| clearable         | 是否显示清除按钮                                         | Boolean        |             | true |
+
 
 ### 说明 1（type 可选项）
 

package/dist/time-range-picker.common.js

@@ -4265,12 +4265,12 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
 var es_function_name = __webpack_require__("b0c0");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/index.vue?vue&type=template&id=501c4443&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"time-range-picker"},[(_vm.type === 'time')?_c('el-time-picker',{key:_vm.dateKey,attrs:{"is-range":"","range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"placeholder":"选择时间范围","value-format":_vm.format,"format":_vm.format,"disabled":_vm.Disabled,"size":_vm.size},on:{"focus":_vm.timePickerFocus,"blur":_vm.timePickerBlur},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'time-select')?_c('time-select',{key:_vm.dateKey,ref:"timeselect",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.PickerOptions},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'month')?_c('month-range',{key:_vm.dateKey,ref:"monthrange",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):_c('date-range',{key:_vm.dateKey,ref:"yearrange",attrs:{"dateType":_vm.dateType,"value-format":_vm.format,"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.PickerOptions},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}})],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/index.vue?vue&type=template&id=3232983b&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"time-range-picker"},[(_vm.type === 'time')?_c('el-time-picker',{key:_vm.dateKey,attrs:{"is-range":"","range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"placeholder":"选择时间范围","value-format":_vm.format,"format":_vm.format,"disabled":_vm.Disabled,"size":_vm.size,"clearable":_vm.clearable},on:{"focus":_vm.timePickerFocus,"blur":_vm.timePickerBlur},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'time-select')?_c('time-select',{key:_vm.dateKey,ref:"timeselect",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.PickerOptions,"clearable":_vm.clearable},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):(_vm.type === 'month')?_c('month-range',{key:_vm.dateKey,ref:"monthrange",attrs:{"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"clearable":_vm.clearable},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}}):_c('date-range',{key:_vm.dateKey,ref:"yearrange",attrs:{"dateType":_vm.dateType,"value-format":_vm.format,"range-separator":"至","start-placeholder":_vm.startPlaceholder,"end-placeholder":_vm.endPlaceholder,"disabled":_vm.Disabled,"size":_vm.size,"pickerOptions":_vm.PickerOptions,"clearable":_vm.clearable},model:{value:(_vm.selfValue),callback:function ($$v) {_vm.selfValue=$$v},expression:"selfValue"}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/index.vue?vue&type=template&id=501c4443&
+// CONCATENATED MODULE: ./src/index.vue?vue&type=template&id=3232983b&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.for-each.js
 var es_array_for_each = __webpack_require__("4160");
@@ -4413,16 +4413,16 @@ function _objectSpread2(target) {
 
   return target;
 }
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/month-range.vue?vue&type=template&id=66ecb64b&
-var month_rangevue_type_template_id_66ecb64b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/month-range.vue?vue&type=template&id=1e1f2054&
+var month_rangevue_type_template_id_1e1f2054_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
       ('el-range-editor--' + _vm.size),
       'el-date-editor--daterange',
       _vm.disabled ? 'is-disabled' : ''
-    ],on:{"mouseleave":function($event){_vm.showClose = true}}},[_c('i',{class:['el-input__icon', 'el-range__icon', 'el-icon-date']}),_c('el-select',{ref:"startmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.startPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[0]),callback:function ($$v) {_vm.$set(_vm.vl, 0, $$v)},expression:"vl[0]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[1] !== '' && _vm.vl[1] < index,"label":item,"value":index}})}),1),_vm._t("range-separator",[_c('span',{staticClass:"el-range-separator"},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_c('el-select',{ref:"endmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.endPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[0] !== '' && _vm.vl[0] > index,"label":item,"value":index}})}),1),_c('i',{directives:[{name:"show",rawName:"v-show",value:((_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"(vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
-var month_rangevue_type_template_id_66ecb64b_staticRenderFns = []
+    ],on:{"mouseleave":function($event){_vm.showClose = true}}},[_c('i',{class:['el-input__icon', 'el-range__icon', 'el-icon-date']}),_c('el-select',{ref:"startmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.startPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[0]),callback:function ($$v) {_vm.$set(_vm.vl, 0, $$v)},expression:"vl[0]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[1] !== '' && _vm.vl[1] < index,"label":item,"value":index}})}),1),_vm._t("range-separator",[_c('span',{staticClass:"el-range-separator"},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_c('el-select',{ref:"endmonth",attrs:{"disabled":_vm.disabled,"placeholder":_vm.endPlaceholder,"size":_vm.size,"validate-event":false},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}},_vm._l((_vm.month),function(item,index){return _c('el-option',{key:item,attrs:{"disabled":_vm.vl[0] !== '' && _vm.vl[0] > index,"label":item,"value":index}})}),1),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.clearable && (_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"clearable && (vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
+var month_rangevue_type_template_id_1e1f2054_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/month-range.vue?vue&type=template&id=66ecb64b&
+// CONCATENATED MODULE: ./src/components/month-range.vue?vue&type=template&id=1e1f2054&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/month-range.vue?vue&type=script&lang=js&
 
@@ -4498,7 +4498,11 @@ var month_rangevue_type_template_id_66ecb64b_staticRenderFns = []
     'range-separator': String,
     startPlaceholder: '',
     endPlaceholder: '',
-    size: String
+    size: String,
+    clearable: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -4664,8 +4668,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   components_month_rangevue_type_script_lang_js_,
-  month_rangevue_type_template_id_66ecb64b_render,
-  month_rangevue_type_template_id_66ecb64b_staticRenderFns,
+  month_rangevue_type_template_id_1e1f2054_render,
+  month_rangevue_type_template_id_1e1f2054_staticRenderFns,
   false,
   null,
   null,
@@ -4674,8 +4678,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var month_range = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/date-range.vue?vue&type=template&id=2a561b14&
-var date_rangevue_type_template_id_2a561b14_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"date-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/date-range.vue?vue&type=template&id=48e20927&
+var date_rangevue_type_template_id_48e20927_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"date-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
       'el-range-editor--' + _vm.size,
       'el-date-editor--daterange',
       _vm.disabled ? 'is-disabled' : ''
@@ -4683,11 +4687,11 @@ var date_rangevue_type_template_id_2a561b14_render = function () {var _vm=this;v
         disabledDate: _vm.startDisabledDate
       },"placeholder":_vm.startPlaceholder,"validate-event":false},on:{"change":_vm.stratHandleValue,"blur":function($event){return _vm.inputBlur(_vm.vl[0])}},model:{value:(_vm.vl[0]),callback:function ($$v) {_vm.$set(_vm.vl, 0, $$v)},expression:"vl[0]"}}),_vm._t("range-separator",[_c('span',{staticClass:"el-range-separator"},[_vm._v(_vm._s(_vm.rangeSeparator))])]),_c('el-date-picker',{ref:"endyear",attrs:{"type":_vm.dateType,"value-format":_vm.valueFormat,"prefix-icon":"a","size":_vm.size,"disabled":_vm.disabled,"picker-options":{
         disabledDate: _vm.endDisabledDate
-      },"placeholder":_vm.endPlaceholder,"validate-event":false},on:{"change":_vm.endHandleValue,"blur":function($event){return _vm.inputBlur(_vm.vl[1])}},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:((_vm.vl[0] != '' || _vm.vl[1] != '') && !_vm.disabled),expression:"(vl[0] != '' || vl[1] != '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
-var date_rangevue_type_template_id_2a561b14_staticRenderFns = []
+      },"placeholder":_vm.endPlaceholder,"validate-event":false},on:{"change":_vm.endHandleValue,"blur":function($event){return _vm.inputBlur(_vm.vl[1])}},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.clearable && (_vm.vl[0] != '' || _vm.vl[1] != '') && !_vm.disabled),expression:"clearable && (vl[0] != '' || vl[1] != '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
+var date_rangevue_type_template_id_48e20927_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/date-range.vue?vue&type=template&id=2a561b14&
+// CONCATENATED MODULE: ./src/components/date-range.vue?vue&type=template&id=48e20927&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__("99af");
@@ -4783,7 +4787,11 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
     startPlaceholder: '',
     endPlaceholder: '',
     size: String,
-    pickerOptions: null
+    pickerOptions: null,
+    clearable: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -4893,8 +4901,8 @@ var date_rangevue_type_style_index_0_lang_scss_ = __webpack_require__("1d32");
 
 var date_range_component = normalizeComponent(
   components_date_rangevue_type_script_lang_js_,
-  date_rangevue_type_template_id_2a561b14_render,
-  date_rangevue_type_template_id_2a561b14_staticRenderFns,
+  date_rangevue_type_template_id_48e20927_render,
+  date_rangevue_type_template_id_48e20927_staticRenderFns,
   false,
   null,
   null,
@@ -4903,8 +4911,8 @@ var date_range_component = normalizeComponent(
 )
 
 /* harmony default export */ var date_range = (date_range_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/time-select-range.vue?vue&type=template&id=284ad8b0&
-var time_select_rangevue_type_template_id_284ad8b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14a28df9-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/time-select-range.vue?vue&type=template&id=2769adfe&
+var time_select_rangevue_type_template_id_2769adfe_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"month-range"},[_c('div',{ref:"reference",staticClass:"el-date-editor el-range-editor el-input__inner",class:[
       ('el-range-editor--' + _vm.size),
       'el-date-editor--daterange',
       _vm.disabled ? 'is-disabled' : ''
@@ -4918,11 +4926,11 @@ var time_select_rangevue_type_template_id_284ad8b0_render = function () {var _vm
         step: _vm.pickerOptions.step,
         end: _vm.pickerOptions.end,
         minTime: _vm.vl[0]
-      },"prefix-icon":"1"},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:((_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"(vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
-var time_select_rangevue_type_template_id_284ad8b0_staticRenderFns = []
+      },"prefix-icon":"1"},on:{"change":_vm.handleValue},model:{value:(_vm.vl[1]),callback:function ($$v) {_vm.$set(_vm.vl, 1, $$v)},expression:"vl[1]"}}),_c('i',{directives:[{name:"show",rawName:"v-show",value:(_vm.clearable && (_vm.vl[0] !== '' || _vm.vl[1] !== '') && !_vm.disabled),expression:"clearable && (vl[0] !== '' || vl[1] !== '') && !disabled"}],staticClass:"el-input__icon el-range__close-icon",class:[_vm.showClose ? '' + 'el-icon-circle-close' : ''],on:{"click":_vm.handleClickIcon}})],2)])}
+var time_select_rangevue_type_template_id_2769adfe_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/time-select-range.vue?vue&type=template&id=284ad8b0&
+// CONCATENATED MODULE: ./src/components/time-select-range.vue?vue&type=template&id=2769adfe&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/time-select-range.vue?vue&type=script&lang=js&
 //
@@ -4995,7 +5003,11 @@ var time_select_rangevue_type_template_id_284ad8b0_staticRenderFns = []
     startPlaceholder: '',
     endPlaceholder: '',
     size: String,
-    pickerOptions: ''
+    pickerOptions: '',
+    clearable: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -5054,8 +5066,8 @@ var time_select_rangevue_type_style_index_0_lang_scss_ = __webpack_require__("a2
 
 var time_select_range_component = normalizeComponent(
   components_time_select_rangevue_type_script_lang_js_,
-  time_select_rangevue_type_template_id_284ad8b0_render,
-  time_select_rangevue_type_template_id_284ad8b0_staticRenderFns,
+  time_select_rangevue_type_template_id_2769adfe_render,
+  time_select_rangevue_type_template_id_2769adfe_staticRenderFns,
   false,
   null,
   null,
@@ -5172,6 +5184,10 @@ function broadcast(componentName, eventName, params) {
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -5310,6 +5326,10 @@ var lib_vue_loader_options_srcvue_type_script_lang_js_defaultDateFun = function
     },
     pickerOptions: {
       type: Object
+    },
+    clearable: {
+      type: Boolean,
+      default: true
     }
   },
   computed: {