maz-ui 2.3.8 → 2.3.12

package/lib/maz-picker.js

@@ -230,7 +230,7 @@ module.exports = require("moment");
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazBtn/_main.vue?vue&type=template&id=247f3a44&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -243,31 +243,31 @@ var render = function() {
         class: [
           _vm.classes,
           {
-            "maz-text-hidden": _vm.loading
-          }
+            "maz-text-hidden": _vm.loading,
+          },
         ],
         attrs: {
           id: _vm.uniqueId,
           type: _vm.isLink ? null : _vm.type,
-          disabled: _vm.isLink ? null : _vm.isDisabled
+          disabled: _vm.isLink ? null : _vm.isDisabled,
         },
         on: {
-          click: function($event) {
+          click: function ($event) {
             return _vm.handleClick($event)
           },
-          mouseenter: function($event) {
+          mouseenter: function ($event) {
             return _vm.emitMouseEnter($event)
           },
-          mouseleave: function($event) {
+          mouseleave: function ($event) {
             return _vm.emitMouseLeave($event)
           },
-          focus: function($event) {
+          focus: function ($event) {
             return _vm.emitFocus($event)
           },
-          blur: function($event) {
+          blur: function ($event) {
             return _vm.emitBlur($event)
-          }
-        }
+          },
+        },
       },
       "component",
       _vm.$attrs,
@@ -280,15 +280,17 @@ var render = function() {
             {
               staticClass: "maz-flex maz-flex-center maz-btn__icon-left",
               class: {
-                "maz-mr-2": !_vm.fab && _vm.hasSlotDefault()
-              }
+                "maz-mr-2": !_vm.fab && _vm.hasSlotDefault(),
+              },
             },
             [
-              _vm._t("icon-left" || false, [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.leftIconName || _vm.iconName))
-                ])
-              ])
+              _vm._t("icon-left" || false, function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.leftIconName || _vm.iconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -298,7 +300,7 @@ var render = function() {
         {
           staticClass:
             "maz-flex maz-align-center maz-h-100 maz-overflow-hidden",
-          class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }]
+          class: [_vm.textClasses, { "maz-flex-1": _vm.hasSlotDefault() }],
         },
         [_vm._t("default")],
         2
@@ -309,15 +311,17 @@ var render = function() {
             {
               staticClass: "maz-flex maz-flex-center maz-btn__icon-right",
               class: {
-                "maz-ml-2": !_vm.fab && _vm.hasSlotDefault()
-              }
+                "maz-ml-2": !_vm.fab && _vm.hasSlotDefault(),
+              },
             },
             [
-              _vm._t("icon-right", [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.rightIconName))
-                ])
-              ])
+              _vm._t("icon-right", function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.rightIconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -329,7 +333,7 @@ var render = function() {
             [_c("MazSpinner", { attrs: { size: 25, color: _vm.color } })],
             1
           )
-        : _vm._e()
+        : _vm._e(),
     ]
   )
 }
@@ -352,7 +356,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -646,7 +650,7 @@ _main.install = function (Vue) {
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazSpinner/_main.vue?vue&type=template&id=67a8ca41&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -656,9 +660,9 @@ var render = function() {
       staticClass: "maz-base-component maz-spinner maz-spinner-anim",
       class: [
         {
-          "spinner-anim__white": _vm.dark
+          "spinner-anim__white": _vm.dark,
         },
-        _vm.fillColorClass
+        _vm.fillColorClass,
       ],
       staticStyle: { "enable-background": "new 0 0 50 50" },
       attrs: {
@@ -669,16 +673,15 @@ var render = function() {
         x: "0px",
         y: "0px",
         viewBox: "0 0 50 50",
-        "xml:space": "preserve"
-      }
+        "xml:space": "preserve",
+      },
     },
     [
       _c("path", {
         attrs: {
-          d:
-            "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"
-        }
-      })
+          d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z",
+        },
+      }),
     ]
   )
 }
@@ -805,7 +808,7 @@ __webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport
 "use strict";
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/_subs/ArrowIcon/index.vue?vue&type=template&id=1c91afda&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -818,8 +821,8 @@ var render = function() {
         mlns: "http://www.w3.org/2000/svg",
         width: _vm.size,
         height: _vm.size,
-        viewBox: "0 0 24 24"
-      }
+        viewBox: "0 0 24 24",
+      },
     },
     [
       _c("path", {
@@ -827,10 +830,10 @@ var render = function() {
         class: [_vm.color],
         attrs: {
           fill: _vm.color,
-          d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
-        }
+          d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
+        },
       }),
-      _c("path", { attrs: { fill: "none", d: "M0 0h24v24H0V0z" } })
+      _c("path", { attrs: { fill: "none", d: "M0 0h24v24H0V0z" } }),
     ]
   )
 }
@@ -922,7 +925,7 @@ component.options.__file = "packages/components/_subs/ArrowIcon/index.vue"
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazInput/_main.vue?vue&type=template&id=5b617c72&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -944,13 +947,13 @@ var render = function() {
           "maz-is-dark": _vm.dark,
           "has-hint": _vm.hint,
           "has-no-label": !_vm.hasLabel && !_vm.hint,
-          "has-left-icon": _vm.hasLeftIcon()
+          "has-left-icon": _vm.hasLeftIcon(),
         },
         "maz-input--" + _vm.size,
         "has-" + _vm.leftNumberIcon + "-right-icon",
-        "maz-input--" + _vm.color
+        "maz-input--" + _vm.color,
       ],
-      on: { click: _vm.focusInput }
+      on: { click: _vm.focusInput },
     },
     [
       _vm.hasLeftIcon()
@@ -959,15 +962,17 @@ var render = function() {
             {
               staticClass: "maz-input__icon maz-flex left",
               class: [
-                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
-              ]
+                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
+              ],
             },
             [
-              _vm._t("icon-left", [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.leftIconName))
-                ])
-              ])
+              _vm._t("icon-left", function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.leftIconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -978,15 +983,17 @@ var render = function() {
             {
               staticClass: "maz-input__icon maz-flex right",
               class: [
-                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center"
-              ]
+                _vm.textarea ? "maz-align-start maz-pt-2" : "maz-align-center",
+              ],
             },
             [
-              _vm._t("icon-right", [
-                _c("i", { staticClass: "material-icons" }, [
-                  _vm._v(_vm._s(_vm.rightIconName))
-                ])
-              ])
+              _vm._t("icon-right", function () {
+                return [
+                  _c("i", { staticClass: "material-icons" }, [
+                    _vm._v(_vm._s(_vm.rightIconName)),
+                  ]),
+                ]
+              }),
             ],
             2
           )
@@ -1001,14 +1008,14 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-border-radius",
                 class: {
                   "has-right-icon":
-                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
+                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
                 },
                 attrs: {
                   id: _vm.uniqueId,
@@ -1017,12 +1024,12 @@ var render = function() {
                   disabled: _vm.disabled,
                   required: _vm.required,
                   readonly: _vm.readonly,
-                  type: "checkbox"
+                  type: "checkbox",
                 },
                 domProps: {
                   checked: Array.isArray(_vm.inputValue)
                     ? _vm._i(_vm.inputValue, null) > -1
-                    : _vm.inputValue
+                    : _vm.inputValue,
                 },
                 on: {
                   keydown: _vm.keyDown,
@@ -1031,7 +1038,7 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: [
-                    function($event) {
+                    function ($event) {
                       var $$a = _vm.inputValue,
                         $$el = $event.target,
                         $$c = $$el.checked ? true : false
@@ -1050,12 +1057,12 @@ var render = function() {
                         _vm.inputValue = $$c
                       }
                     },
-                    _vm.onChange
+                    _vm.onChange,
                   ],
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
-                  }
-                }
+                  },
+                },
               },
               "input",
               _vm.$attrs,
@@ -1072,14 +1079,14 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-border-radius",
                 class: {
                   "has-right-icon":
-                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
+                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
                 },
                 attrs: {
                   id: _vm.uniqueId,
@@ -1088,7 +1095,7 @@ var render = function() {
                   disabled: _vm.disabled,
                   required: _vm.required,
                   readonly: _vm.readonly,
-                  type: "radio"
+                  type: "radio",
                 },
                 domProps: { checked: _vm._q(_vm.inputValue, null) },
                 on: {
@@ -1098,15 +1105,15 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: [
-                    function($event) {
+                    function ($event) {
                       _vm.inputValue = null
                     },
-                    _vm.onChange
+                    _vm.onChange,
                   ],
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
-                  }
-                }
+                  },
+                },
               },
               "input",
               _vm.$attrs,
@@ -1123,14 +1130,14 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-border-radius",
                 class: {
                   "has-right-icon":
-                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon()
+                    _vm.hasClearBtn || _vm.hasPasswordBtn || _vm.hasRightIcon(),
                 },
                 attrs: {
                   id: _vm.uniqueId,
@@ -1139,7 +1146,7 @@ var render = function() {
                   disabled: _vm.disabled,
                   required: _vm.required,
                   readonly: _vm.readonly,
-                  type: _vm.getType
+                  type: _vm.getType,
                 },
                 domProps: { value: _vm.inputValue },
                 on: {
@@ -1149,16 +1156,16 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: _vm.onChange,
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
                   },
-                  input: function($event) {
+                  input: function ($event) {
                     if ($event.target.composing) {
                       return
                     }
                     _vm.inputValue = $event.target.value
-                  }
-                }
+                  },
+                },
               },
               "input",
               _vm.$attrs,
@@ -1174,8 +1181,8 @@ var render = function() {
                     name: "model",
                     rawName: "v-model",
                     value: _vm.inputValue,
-                    expression: "inputValue"
-                  }
+                    expression: "inputValue",
+                  },
                 ],
                 ref: "MazInput",
                 staticClass: "maz-input__input maz-textarea",
@@ -1184,7 +1191,7 @@ var render = function() {
                   placeholder: _vm.placeholderValue,
                   type: _vm.type,
                   required: _vm.required,
-                  readonly: _vm.readonly
+                  readonly: _vm.readonly,
                 },
                 domProps: { value: _vm.inputValue },
                 on: {
@@ -1194,16 +1201,16 @@ var render = function() {
                   blur: _vm.onBlur,
                   paste: _vm.onPaste,
                   change: _vm.onChange,
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.$emit("click", $event)
                   },
-                  input: function($event) {
+                  input: function ($event) {
                     if ($event.target.composing) {
                       return
                     }
                     _vm.inputValue = $event.target.value
-                  }
-                }
+                  },
+                },
               },
               "textarea",
               _vm.$attrs,
@@ -1218,14 +1225,14 @@ var render = function() {
               staticClass: "maz-input__label",
               class: _vm.error ? "maz-text-danger" : null,
               attrs: { for: _vm.uniqueId, tabindex: "-1" },
-              on: { click: _vm.focusInput }
+              on: { click: _vm.focusInput },
             },
             [
               _vm._v(
                 "\n    " +
                   _vm._s(_vm.hintValue || _vm.placeholderValue) +
                   "\n  "
-              )
+              ),
             ]
           )
         : _vm._e(),
@@ -1240,18 +1247,18 @@ var render = function() {
                 class: { "has-right-icon": _vm.hasRightIcon() },
                 attrs: { title: "clear", type: "button", tabindex: "-1" },
                 on: {
-                  click: function($event) {
+                  click: function ($event) {
                     $event.stopPropagation()
-                    return _vm.clear($event)
-                  }
-                }
+                    return _vm.clear.apply(null, arguments)
+                  },
+                },
               },
               [
                 _c(
                   "i",
                   { staticClass: "maz-input__toggle-btn__icon material-icons" },
                   [_vm._v("\n        close\n      ")]
-                )
+                ),
               ]
             )
           : _vm._e(),
@@ -1264,14 +1271,14 @@ var render = function() {
                   "maz-input__toggle-btn password maz-flex maz-flex-center",
                 class: {
                   "has-clear-btn": _vm.hasClearBtn,
-                  "has-right-icon": _vm.hasRightIcon()
+                  "has-right-icon": _vm.hasRightIcon(),
                 },
                 attrs: { title: "clear", type: "button", tabindex: "-1" },
                 on: {
-                  click: function($event) {
+                  click: function ($event) {
                     _vm.showPassword = !_vm.showPassword
-                  }
-                }
+                  },
+                },
               },
               [
                 _c(
@@ -1284,23 +1291,23 @@ var render = function() {
                           _vm.showPassword ? "visibility_off" : "visibility"
                         ) +
                         "\n      "
-                    )
+                    ),
                   ]
-                )
+                ),
               ]
             )
-          : _vm._e()
+          : _vm._e(),
       ]),
       _vm.loading
         ? _c(
             "div",
             {
               staticClass: "maz-input__loader",
-              class: { textarea: _vm.textarea }
+              class: { textarea: _vm.textarea },
             },
             [_c("div", { staticClass: "maz-input__loader__progress-bar" })]
           )
-        : _vm._e()
+        : _vm._e(),
     ],
     1
   )
@@ -1318,7 +1325,7 @@ var uniqueId = __webpack_require__(2);
 var utils = __webpack_require__(6);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazInput/_main.vue?vue&type=script&lang=js&
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 //
 //
@@ -1775,7 +1782,7 @@ module.exports = require("moment-range");
 __webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/_main.vue?vue&type=template&id=7e489288&
-var render = function() {
+var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -1786,46 +1793,51 @@ var render = function() {
       staticClass: "maz-base-component maz-picker",
       class: [
         {
-          "maz-is-dark": _vm.dark
+          "maz-is-dark": _vm.dark,
         },
-        "maz-picker--" + _vm.color
+        "maz-picker--" + _vm.color,
       ],
       attrs: { id: _vm.uniqueId },
       on: {
-        "!blur": function($event) {
+        "!blur": function ($event) {
           return _vm.closePicker($event, "blur")
-        }
-      }
+        },
+      },
     },
     [
       !_vm.inline
         ? _c(
             "MazInput",
-            _vm._b(
-              {
-                attrs: {
-                  id: _vm.uniqueId,
-                  placeholder: _vm.placeholder,
-                  readonly: "",
-                  color: _vm.color,
-                  focus: _vm.hasPickerOpen
+            _vm._g(
+              _vm._b(
+                {
+                  attrs: {
+                    id: _vm.uniqueId,
+                    placeholder: _vm.placeholder,
+                    readonly: "",
+                    color: _vm.color,
+                    focus: _vm.hasPickerOpen,
+                  },
+                  model: {
+                    value: _vm.inputValue,
+                    callback: function ($$v) {
+                      _vm.inputValue = $$v
+                    },
+                    expression: "inputValue",
+                  },
                 },
-                on: {
-                  focus: function($event) {
-                    return _vm.openPicker(true)
-                  }
+                "MazInput",
+                _vm.$attrs,
+                false
+              ),
+              Object.assign({}, _vm.$listeners, {
+                focus: function () {
+                  return _vm.openPicker(true)
                 },
-                model: {
-                  value: _vm.inputValue,
-                  callback: function($$v) {
-                    _vm.inputValue = $$v
-                  },
-                  expression: "inputValue"
-                }
-              },
-              "MazInput",
-              _vm.$attrs,
-              false
+                clear: function (e) {
+                  return _vm.emitClear(e)
+                },
+              })
             ),
             [
               _vm._t("icon-left", null, { slot: "icon-left" }),
@@ -1834,17 +1846,19 @@ var render = function() {
                 {
                   staticClass: "maz-picker__arrow maz-flex maz-flex-center",
                   attrs: { slot: "icon-right", tabindex: "-1" },
-                  slot: "icon-right"
+                  slot: "icon-right",
                 },
                 [
-                  _vm._t("arrow", [
-                    _c("ArrowIcon", {
-                      attrs: { orientation: _vm.hasPickerOpen ? "up" : null }
-                    })
-                  ])
+                  _vm._t("arrow", function () {
+                    return [
+                      _c("ArrowIcon", {
+                        attrs: { orientation: _vm.hasPickerOpen ? "up" : null },
+                      }),
+                    ]
+                  }),
                 ],
                 2
-              )
+              ),
             ],
             2
           )
@@ -1853,7 +1867,7 @@ var render = function() {
         ? _c("button", {
             staticClass: "maz-picker__overlay",
             attrs: { tabindex: "-1" },
-            on: { click: _vm.closePicker }
+            on: { click: _vm.closePicker },
           })
         : _vm._e(),
       _c(
@@ -1889,20 +1903,20 @@ var render = function() {
                   "has-shortcuts": _vm.hasShortcuts,
                   "disabled-hours": _vm.disabledHours,
                   inline: _vm.inline,
-                  color: _vm.color
+                  color: _vm.color,
                 },
                 model: {
                   value: _vm.dateMoment,
-                  callback: function($$v) {
+                  callback: function ($$v) {
                     _vm.dateMoment = $$v
                   },
-                  expression: "dateMoment"
-                }
+                  expression: "dateMoment",
+                },
               })
-            : _vm._e()
+            : _vm._e(),
         ],
         1
-      )
+      ),
     ],
     1
   )
@@ -1918,7 +1932,7 @@ var regenerator = __webpack_require__(1);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/index.vue?vue&type=template&id=503f5a3f&
-var PickersContainervue_type_template_id_503f5a3f_render = function() {
+var PickersContainervue_type_template_id_503f5a3f_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -1927,7 +1941,7 @@ var PickersContainervue_type_template_id_503f5a3f_render = function() {
     {
       staticClass: "pickers-container maz-elevation",
       class: [_vm.position, { inline: _vm.inline }],
-      attrs: { tabindex: "-1" }
+      attrs: { tabindex: "-1" },
     },
     [
       _vm.hasHeader
@@ -1938,8 +1952,8 @@ var PickersContainervue_type_template_id_503f5a3f_render = function() {
               "has-time": _vm.hasTime,
               "has-date": _vm.hasDate,
               format: _vm.format,
-              color: _vm.color
-            }
+              color: _vm.color,
+            },
           })
         : _vm._e(),
       _c("Calendar", {
@@ -1961,15 +1975,15 @@ var PickersContainervue_type_template_id_503f5a3f_render = function() {
           "has-time": _vm.hasTime,
           "has-date": _vm.hasDate,
           "has-shortcuts": _vm.hasShortcuts,
-          "disabled-hours": _vm.disabledHours
+          "disabled-hours": _vm.disabledHours,
         },
         model: {
           value: _vm.dateMoment,
-          callback: function($$v) {
+          callback: function ($$v) {
             _vm.dateMoment = $$v
           },
-          expression: "dateMoment"
-        }
+          expression: "dateMoment",
+        },
       }),
       _vm.hasFooter
         ? _c("FooterPicker", {
@@ -1978,10 +1992,10 @@ var PickersContainervue_type_template_id_503f5a3f_render = function() {
               value: _vm.dateMoment,
               "has-validate": _vm.hasValidate,
               "has-now": _vm.hasNow,
-              "now-translation": _vm.nowTranslation
-            }
+              "now-translation": _vm.nowTranslation,
+            },
           })
-        : _vm._e()
+        : _vm._e(),
     ],
     1
   )
@@ -1993,7 +2007,7 @@ PickersContainervue_type_template_id_503f5a3f_render._withStripped = true
 // CONCATENATED MODULE: ./packages/components/MazPicker/PickersContainer/index.vue?vue&type=template&id=503f5a3f&
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/HeaderPicker/index.vue?vue&type=template&id=bdf7cd7e&
-var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
+var HeaderPickervue_type_template_id_bdf7cd7e_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -2001,7 +2015,7 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
     "div",
     {
       staticClass: "header-picker maz-p-2 maz-text-white maz-flex",
-      class: ["maz-bg-" + _vm.color]
+      class: ["maz-bg-" + _vm.color],
     },
     [
       _vm.hasDate
@@ -2009,18 +2023,18 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
             "div",
             {
               staticClass:
-                "header-picker__date-container maz-flex-1 maz-flex maz-direction-column maz-space-around"
+                "header-picker__date-container maz-flex-1 maz-flex maz-direction-column maz-space-around",
             },
             [
               _c(
                 "TransitionGroup",
                 {
                   staticClass: "header-picker__year maz-dots-text",
-                  attrs: { name: _vm.transitionName, tag: "div" }
+                  attrs: { name: _vm.transitionName, tag: "div" },
                 },
-                _vm._l([_vm.year], function(y) {
+                _vm._l([_vm.year], function (y) {
                   return _c("span", { key: y }, [
-                    _vm._v("\n        " + _vm._s(y) + "\n      ")
+                    _vm._v("\n        " + _vm._s(y) + "\n      "),
                   ])
                 }),
                 0
@@ -2029,9 +2043,9 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
                 "TransitionGroup",
                 {
                   staticClass: "header-picker__date maz-dots-text",
-                  attrs: { name: _vm.transitionName, tag: "div" }
+                  attrs: { name: _vm.transitionName, tag: "div" },
                 },
-                _vm._l([_vm.dateFormatted], function(date) {
+                _vm._l([_vm.dateFormatted], function (date) {
                   return _c(
                     "span",
                     { key: date, staticClass: "maz-dots-text" },
@@ -2040,12 +2054,12 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
                         "\n        " +
                           _vm._s(_vm.dateFormatted ? date : "-") +
                           "\n      "
-                      )
+                      ),
                     ]
                   )
                 }),
                 0
-              )
+              ),
             ],
             1
           )
@@ -2055,7 +2069,7 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
             "div",
             {
               staticClass: "header-picker__time maz-flex",
-              class: [!_vm.hasDate ? "maz-flex-center" : "maz-align-end"]
+              class: [!_vm.hasDate ? "maz-flex-center" : "maz-align-end"],
             },
             [
               _vm.timeFormatted.hour
@@ -2064,11 +2078,11 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
                     {
                       staticClass:
                         "header-picker__hour maz-flex maz-justify-end",
-                      attrs: { name: _vm.transitionName }
+                      attrs: { name: _vm.transitionName },
                     },
-                    _vm._l([_vm.timeFormatted.hour], function(hour) {
+                    _vm._l([_vm.timeFormatted.hour], function (hour) {
                       return _c("span", { key: hour }, [
-                        _vm._v("\n        " + _vm._s(hour) + "\n      ")
+                        _vm._v("\n        " + _vm._s(hour) + "\n      "),
                       ])
                     }),
                     0
@@ -2079,23 +2093,23 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
                   "\n      " +
                     _vm._s(_vm.timeFormatted.hour ? ":" : "-") +
                     "\n    "
-                )
+                ),
               ]),
               _vm.timeFormatted.minute
                 ? _c(
                     "TransitionGroup",
                     {
                       staticClass: "header-picker__minute",
-                      attrs: { name: _vm.transitionName }
+                      attrs: { name: _vm.transitionName },
                     },
-                    _vm._l([_vm.timeFormatted.minute], function(min) {
+                    _vm._l([_vm.timeFormatted.minute], function (min) {
                       return _c("span", { key: min }, [
-                        _vm._v("\n        " + _vm._s(min) + "\n      ")
+                        _vm._v("\n        " + _vm._s(min) + "\n      "),
                       ])
                     }),
                     0
                   )
-                : _vm._e()
+                : _vm._e(),
             ],
             1
           )
@@ -2104,7 +2118,7 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
             "div",
             {
               staticClass: "header-picker__time maz-flex",
-              class: [!_vm.hasDate ? "maz-flex-center" : "maz-align-end"]
+              class: [!_vm.hasDate ? "maz-flex-center" : "maz-align-end"],
             },
             [
               _c(
@@ -2112,19 +2126,19 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
                 {
                   staticClass:
                     "header-picker__twelve maz-flex maz-justify-center",
-                  attrs: { name: _vm.transitionName }
+                  attrs: { name: _vm.transitionName },
                 },
-                _vm._l([_vm.timeFormatted], function(time, i) {
+                _vm._l([_vm.timeFormatted], function (time, i) {
                   return _c("span", { key: time + "-" + i }, [
                     _vm._v(
                       "\n        " +
                         _vm._s(_vm.timeFormatted || "-") +
                         "\n      "
-                    )
+                    ),
                   ])
                 }),
                 0
-              )
+              ),
             ],
             1
           )
@@ -2134,14 +2148,14 @@ var HeaderPickervue_type_template_id_bdf7cd7e_render = function() {
         {
           staticClass: "header-picker__close",
           attrs: { fab: "", size: "mini", "no-shadow": "" },
-          on: { click: _vm.close }
+          on: { click: _vm.close },
         },
         [
           _c("i", { staticClass: "material-icons" }, [
-            _vm._v("\n      close\n    ")
-          ])
+            _vm._v("\n      close\n    "),
+          ]),
         ]
-      )
+      ),
     ],
     1
   )
@@ -2549,7 +2563,7 @@ if (false) { var api; }
 component.options.__file = "packages/components/MazPicker/PickersContainer/HeaderPicker/index.vue"
 /* harmony default export */ var HeaderPicker = (component.exports);
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/Calendar/index.vue?vue&type=template&id=bc701e78&
-var Calendarvue_type_template_id_bc701e78_render = function() {
+var Calendarvue_type_template_id_bc701e78_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -2560,9 +2574,9 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
       staticClass:
         "calendar maz-position-relative maz-mw-100 maz-overflow-hidden maz-flex",
       class: {
-        "is-range": _vm.isRangeMode
+        "is-range": _vm.isRangeMode,
       },
-      attrs: { id: "Calendar" + _vm._uid }
+      attrs: { id: "Calendar" + _vm._uid },
     },
     [
       _vm.hasShortcuts
@@ -2572,13 +2586,13 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
               shortcuts: _vm.shortcuts,
               value: _vm.shortcut,
               color: _vm.color,
-              height: _vm.contentHeight
+              height: _vm.contentHeight,
             },
             on: {
-              "change-range": function($event) {
+              "change-range": function ($event) {
                 return _vm.$emit("input", $event)
-              }
-            }
+              },
+            },
           })
         : _vm._e(),
       _vm.hasDate
@@ -2587,7 +2601,7 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
             {
               ref: "MonthsContainer",
               staticClass:
-                "calendar__months-container maz-overflow-hidden maz-flex-1"
+                "calendar__months-container maz-overflow-hidden maz-flex-1",
             },
             [
               _c("MonthYearSwitcher", {
@@ -2595,15 +2609,15 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
                 attrs: { months: _vm.months },
                 on: {
                   "change-month": _vm.changeMonth,
-                  "open-month-year-selector": function($event) {
+                  "open-month-year-selector": function ($event) {
                     _vm.yearMonthSelectorMode = $event
-                  }
-                }
+                  },
+                },
               }),
               _c(
                 "div",
                 { staticClass: "maz-flex maz-overflow-x-auto" },
-                _vm._l(_vm.months, function(month, i) {
+                _vm._l(_vm.months, function (month, i) {
                   return _c(
                     "div",
                     {
@@ -2611,14 +2625,14 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
                       staticClass: "calendar__months maz-flex-1",
                       class: {
                         "has-double maz-border-top maz-border-top-solid maz-border-color":
-                          _vm.hasDouble
+                          _vm.hasDouble,
                       },
-                      staticStyle: { "min-width": "268px" }
+                      staticStyle: { "min-width": "268px" },
                     },
                     [
                       _c("WeekDaysLabels", {
                         staticClass: "maz-p-2",
-                        attrs: { locale: _vm.locale }
+                        attrs: { locale: _vm.locale },
                       }),
                       _c("MonthPicker", {
                         ref: "MonthPicker",
@@ -2636,22 +2650,22 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
                           "disabled-weekly": _vm.disabledWeekly,
                           color: _vm.color,
                           "hoverred-day": _vm.hoverredDay,
-                          "is-visible": _vm.isVisible
+                          "is-visible": _vm.isVisible,
                         },
                         on: {
                           "change-month": _vm.changeMonth,
-                          "hoverred-day": function($event) {
+                          "hoverred-day": function ($event) {
                             _vm.hoverredDay = $event
-                          }
+                          },
                         },
                         model: {
                           value: _vm.dateMoment,
-                          callback: function($$v) {
+                          callback: function ($$v) {
                             _vm.dateMoment = $$v
                           },
-                          expression: "dateMoment"
-                        }
-                      })
+                          expression: "dateMoment",
+                        },
+                      }),
                     ],
                     1
                   )
@@ -2663,18 +2677,18 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
                     attrs: {
                       month: _vm.months[0],
                       color: _vm.color,
-                      "has-double": _vm.hasDouble
+                      "has-double": _vm.hasDouble,
                     },
                     on: { "change-month-year": _vm.changeMonthYear },
                     model: {
                       value: _vm.yearMonthSelectorMode,
-                      callback: function($$v) {
+                      callback: function ($$v) {
                         _vm.yearMonthSelectorMode = $$v
                       },
-                      expression: "yearMonthSelectorMode"
-                    }
+                      expression: "yearMonthSelectorMode",
+                    },
                   })
-                : _vm._e()
+                : _vm._e(),
             ],
             1
           )
@@ -2689,17 +2703,17 @@ var Calendarvue_type_template_id_bc701e78_render = function() {
               "has-date": _vm.hasDate,
               color: _vm.color,
               "minute-interval": _vm.minuteInterval,
-              "disabled-hours": _vm.disabledHours
+              "disabled-hours": _vm.disabledHours,
             },
             model: {
               value: _vm.dateMoment,
-              callback: function($$v) {
+              callback: function ($$v) {
                 _vm.dateMoment = $$v
               },
-              expression: "dateMoment"
-            }
+              expression: "dateMoment",
+            },
           })
-        : _vm._e()
+        : _vm._e(),
     ],
     1
   )
@@ -2711,14 +2725,14 @@ Calendarvue_type_template_id_bc701e78_render._withStripped = true
 // CONCATENATED MODULE: ./packages/components/MazPicker/PickersContainer/Calendar/index.vue?vue&type=template&id=bc701e78&
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/Calendar/WeekDaysLabels/index.vue?vue&type=template&id=bb9db92a&
-var WeekDaysLabelsvue_type_template_id_bb9db92a_render = function() {
+var WeekDaysLabelsvue_type_template_id_bb9db92a_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
     "div",
     { staticClass: "week-days-labels" },
-    _vm._l(_vm.weekDays, function(days, i) {
+    _vm._l(_vm.weekDays, function (days, i) {
       return _c(
         "div",
         { key: i, staticClass: "week-days-labels__days maz-text-muted" },
@@ -2742,7 +2756,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 
 
@@ -2882,7 +2896,7 @@ if (false) { var WeekDaysLabels_api; }
 WeekDaysLabels_component.options.__file = "packages/components/MazPicker/PickersContainer/Calendar/WeekDaysLabels/index.vue"
 /* harmony default export */ var WeekDaysLabels = (WeekDaysLabels_component.exports);
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/Calendar/MonthPicker/index.vue?vue&type=template&id=73cc37fa&
-var MonthPickervue_type_template_id_73cc37fa_render = function() {
+var MonthPickervue_type_template_id_73cc37fa_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -2891,19 +2905,19 @@ var MonthPickervue_type_template_id_73cc37fa_render = function() {
     {
       staticClass: "month-picker maz-position-relative",
       class: {
-        "month-picker--long": _vm.monthDays.length + _vm.weekStart > 35
+        "month-picker--long": _vm.monthDays.length + _vm.weekStart > 35,
       },
-      attrs: { tag: "div", name: _vm.transitionDaysName }
+      attrs: { tag: "div", name: _vm.transitionDaysName },
     },
-    _vm._l([_vm.month], function(m) {
+    _vm._l([_vm.month], function (m) {
       return _c(
         "div",
         { key: m.month, staticClass: "month-picker__days" },
         [
-          _vm._l(Array.from(Array(_vm.weekStart).keys()), function(w, i) {
+          _vm._l(Array.from(Array(_vm.weekStart).keys()), function (w, i) {
             return _c("div", { key: "previous-" + i })
           }),
-          _vm._l(_vm.allDays, function(day, i) {
+          _vm._l(_vm.allDays, function (day, i) {
             return _c(
               "MazBtn",
               {
@@ -2920,7 +2934,7 @@ var MonthPickervue_type_template_id_73cc37fa_render = function() {
                     !_vm.isDisabled(day) &&
                     _vm.isBetweenHoverred(day),
                   "is-first-in-range": _vm.isFirstInRange(day),
-                  "is-last-in-range": _vm.isLastInRange(day)
+                  "is-last-in-range": _vm.isLastInRange(day),
                 },
                 attrs: {
                   size: "mini",
@@ -2928,23 +2942,23 @@ var MonthPickervue_type_template_id_73cc37fa_render = function() {
                   tabindex: "-1",
                   "no-shadow": !_vm.isSelectedDate(day),
                   disabled: _vm.isDisabled(day),
-                  active: _vm.isSelectedDate(day)
+                  active: _vm.isSelectedDate(day),
                 },
                 on: {
-                  mouseenter: function($event) {
+                  mouseenter: function ($event) {
                     return _vm.$emit("hoverred-day", day)
                   },
-                  mouseleave: function($event) {
+                  mouseleave: function ($event) {
                     return _vm.$emit("hoverred-day", null)
                   },
-                  click: function($event) {
+                  click: function ($event) {
                     return _vm.selectDay(day)
-                  }
-                }
+                  },
+                },
               },
               [_vm._v("\n      " + _vm._s(day.format("D")) + "\n    ")]
             )
-          })
+          }),
         ],
         2
       )
@@ -3403,7 +3417,7 @@ if (false) { var MonthPicker_api; }
 MonthPicker_component.options.__file = "packages/components/MazPicker/PickersContainer/Calendar/MonthPicker/index.vue"
 /* harmony default export */ var MonthPicker = (MonthPicker_component.exports);
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/Calendar/MonthYearSwitcher/index.vue?vue&type=template&id=68045a33&
-var MonthYearSwitchervue_type_template_id_68045a33_render = function() {
+var MonthYearSwitchervue_type_template_id_68045a33_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -3411,7 +3425,7 @@ var MonthYearSwitchervue_type_template_id_68045a33_render = function() {
     "div",
     {
       staticClass:
-        "month-year-switcher maz-flex maz-space-between maz-align-center maz-py-2"
+        "month-year-switcher maz-flex maz-space-between maz-align-center maz-py-2",
     },
     [
       _c(
@@ -3424,13 +3438,13 @@ var MonthYearSwitchervue_type_template_id_68045a33_render = function() {
             "no-shadow": "",
             color: "grey",
             size: "mini",
-            tabindex: "-1"
+            tabindex: "-1",
           },
           on: {
-            click: function($event) {
+            click: function ($event) {
               return _vm.changeMonth("prev")
-            }
-          }
+            },
+          },
         },
         [_c("ArrowIcon", { attrs: { orientation: "left" } })],
         1
@@ -3446,17 +3460,17 @@ var MonthYearSwitchervue_type_template_id_68045a33_render = function() {
                 "maz-text-color maz-bg-transparent maz-hover-bg-color maz-no-focus-bg maz-p-2 maz-mr-1",
               attrs: { "no-shadow": "", tabindex: "-1", color: "grey" },
               on: {
-                click: function($event) {
+                click: function ($event) {
                   return _vm.$emit("open-month-year-selector", "month")
-                }
-              }
+                },
+              },
             },
-            _vm._l(_vm.months, function(m, i) {
+            _vm._l(_vm.months, function (m, i) {
               return _c("span", { key: i }, [
                 _vm._v("\n        " + _vm._s(m.getFormatted()) + "\n        "),
                 _vm.months.length > 1 && i === 0
                   ? _c("span", [_vm._v("\n          - \n        ")])
-                  : _vm._e()
+                  : _vm._e(),
               ])
             }),
             0
@@ -3468,13 +3482,13 @@ var MonthYearSwitchervue_type_template_id_68045a33_render = function() {
                 "maz-text-color maz-bg-transparent maz-hover-bg-color maz-no-focus-bg maz-p-2",
               attrs: { tabindex: "-1", "no-shadow": "", color: "grey" },
               on: {
-                click: function($event) {
+                click: function ($event) {
                   return _vm.$emit("open-month-year-selector", "year")
-                }
-              }
+                },
+              },
             },
             [_vm._v("\n      " + _vm._s(_vm.year) + "\n    ")]
-          )
+          ),
         ],
         1
       ),
@@ -3488,17 +3502,17 @@ var MonthYearSwitchervue_type_template_id_68045a33_render = function() {
             "no-shadow": "",
             color: "grey",
             size: "mini",
-            tabindex: "-1"
+            tabindex: "-1",
           },
           on: {
-            click: function($event) {
+            click: function ($event) {
               return _vm.changeMonth("next")
-            }
-          }
+            },
+          },
         },
         [_c("ArrowIcon", { attrs: { orientation: "right" } })],
         1
-      )
+      ),
     ],
     1
   )
@@ -3627,7 +3641,7 @@ if (false) { var MonthYearSwitcher_api; }
 MonthYearSwitcher_component.options.__file = "packages/components/MazPicker/PickersContainer/Calendar/MonthYearSwitcher/index.vue"
 /* harmony default export */ var MonthYearSwitcher = (MonthYearSwitcher_component.exports);
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/Calendar/YearMonthSelector/index.vue?vue&type=template&id=464e04d2&
-var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
+var YearMonthSelectorvue_type_template_id_464e04d2_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -3637,7 +3651,7 @@ var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
           "div",
           {
             staticClass:
-              "year-month-selector maz-p-2 maz-flex maz-direction-column"
+              "year-month-selector maz-p-2 maz-flex maz-direction-column",
           },
           [
             _c(
@@ -3659,18 +3673,21 @@ var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
                               "no-shadow": "",
                               size: "mini",
                               color: "grey",
-                              tabindex: "-1"
+                              tabindex: "-1",
                             },
                             on: {
-                              click: function($event) {
+                              click: function ($event) {
                                 return _vm.updateYears("prev")
-                              }
-                            }
+                              },
+                            },
                           },
                           [
                             _c("ArrowIcon", {
-                              attrs: { orientation: "left", color: "text-grey" }
-                            })
+                              attrs: {
+                                orientation: "left",
+                                color: "text-grey",
+                              },
+                            }),
                           ],
                           1
                         ),
@@ -3684,24 +3701,24 @@ var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
                               "no-shadow": "",
                               size: "mini",
                               color: "grey",
-                              tabindex: "-1"
+                              tabindex: "-1",
                             },
                             on: {
-                              click: function($event) {
+                              click: function ($event) {
                                 return _vm.updateYears("next")
-                              }
-                            }
+                              },
+                            },
                           },
                           [
                             _c("ArrowIcon", {
                               attrs: {
                                 orientation: "right",
-                                color: "text-grey"
-                              }
-                            })
+                                color: "text-grey",
+                              },
+                            }),
                           ],
                           1
-                        )
+                        ),
                       ],
                       1
                     )
@@ -3716,20 +3733,20 @@ var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
                       "no-shadow": "",
                       size: "mini",
                       color: "grey",
-                      tabindex: "-1"
+                      tabindex: "-1",
                     },
-                    on: { click: _vm.closePanel }
+                    on: { click: _vm.closePanel },
                   },
                   [
                     _c(
                       "i",
                       {
-                        staticClass: "material-icons maz-text-color maz-fs-20"
+                        staticClass: "material-icons maz-text-color maz-fs-20",
                       },
                       [_vm._v("\n          close\n        ")]
-                    )
+                    ),
                   ]
-                )
+                ),
               ],
               1
             ),
@@ -3737,10 +3754,10 @@ var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
               "div",
               {
                 staticClass:
-                  "maz-flex-1 maz-flex maz-flex-wrap maz-space-between maz-align-center maz-pt-2"
+                  "maz-flex-1 maz-flex maz-flex-wrap maz-space-between maz-align-center maz-pt-2",
               },
               [
-                _vm._l(_vm.months, function(m, i) {
+                _vm._l(_vm.months, function (m, i) {
                   return _c(
                     "MazBtn",
                     {
@@ -3752,23 +3769,23 @@ var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
                           ? "maz-hover-bg-color maz-no-focus-bg maz-border maz-border-color maz-text-" +
                             _vm.color
                           : "maz-focus-" + _vm.color,
-                        { "mx-3": _vm.hasDouble }
+                        { "mx-3": _vm.hasDouble },
                       ],
                       attrs: {
                         color: _vm.color,
                         active: _vm.currentMonth === i,
-                        tabindex: "-1"
+                        tabindex: "-1",
                       },
                       on: {
-                        click: function($event) {
+                        click: function ($event) {
                           return _vm.selectMonth(i)
-                        }
-                      }
+                        },
+                      },
                     },
                     [_vm._v("\n        " + _vm._s(m) + "\n      ")]
                   )
                 }),
-                _vm._l(_vm.years, function(year) {
+                _vm._l(_vm.years, function (year) {
                   return _c(
                     "MazBtn",
                     {
@@ -3779,29 +3796,29 @@ var YearMonthSelectorvue_type_template_id_464e04d2_render = function() {
                         _vm.currentYear !== year
                           ? "maz-hover-bg-color maz-no-focus-bg maz-border maz-border-color maz-text-" +
                             _vm.color
-                          : "maz-focus-" + _vm.color
+                          : "maz-focus-" + _vm.color,
                       ],
                       attrs: {
                         color: _vm.color,
                         active: _vm.currentYear === year,
                         size: "md",
-                        tabindex: "-1"
+                        tabindex: "-1",
                       },
                       on: {
-                        click: function($event) {
+                        click: function ($event) {
                           return _vm.selectYear(year)
-                        }
-                      }
+                        },
+                      },
                     },
                     [_vm._v("\n        " + _vm._s(year) + "\n      ")]
                   )
-                })
+                }),
               ],
               2
-            )
+            ),
           ]
         )
-      : _vm._e()
+      : _vm._e(),
   ])
 }
 var YearMonthSelectorvue_type_template_id_464e04d2_staticRenderFns = []
@@ -4022,7 +4039,7 @@ if (false) { var YearMonthSelector_api; }
 YearMonthSelector_component.options.__file = "packages/components/MazPicker/PickersContainer/Calendar/YearMonthSelector/index.vue"
 /* harmony default export */ var YearMonthSelector = (YearMonthSelector_component.exports);
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/Calendar/RangeShortcuts/index.vue?vue&type=template&id=df1cac5e&
-var RangeShortcutsvue_type_template_id_df1cac5e_render = function() {
+var RangeShortcutsvue_type_template_id_df1cac5e_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -4035,11 +4052,11 @@ var RangeShortcutsvue_type_template_id_df1cac5e_render = function() {
         {
           height: _vm.height + "px",
           width: 140 + "px",
-          minWidth: 140 + "px"
-        }
-      ]
+          minWidth: 140 + "px",
+        },
+      ],
     },
-    _vm._l(_vm.shortcuts, function(shortcut) {
+    _vm._l(_vm.shortcuts, function (shortcut) {
       return _c(
         "MazBtn",
         {
@@ -4050,24 +4067,24 @@ var RangeShortcutsvue_type_template_id_df1cac5e_render = function() {
             _vm.selectedShortcut !== shortcut.key
               ? "maz-hover-bg-color maz-no-focus-bg maz-border maz-border-color maz-text-" +
                 _vm.color
-              : "maz-focus-" + _vm.color
+              : "maz-focus-" + _vm.color,
           ],
           attrs: {
             active: _vm.selectedShortcut === shortcut.key,
             size: "sm",
             color: _vm.color,
-            tabindex: "-1"
+            tabindex: "-1",
           },
           on: {
-            click: function($event) {
+            click: function ($event) {
               return _vm.select(shortcut)
-            }
-          }
+            },
+          },
         },
         [
           _c("span", { staticClass: "maz-flex-1" }, [
-            _vm._v("\n      " + _vm._s(shortcut.label) + "\n    ")
-          ])
+            _vm._v("\n      " + _vm._s(shortcut.label) + "\n    "),
+          ]),
         ]
       )
     }),
@@ -4336,7 +4353,7 @@ if (false) { var RangeShortcuts_api; }
 RangeShortcuts_component.options.__file = "packages/components/MazPicker/PickersContainer/Calendar/RangeShortcuts/index.vue"
 /* harmony default export */ var RangeShortcuts = (RangeShortcuts_component.exports);
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/Calendar/TimePicker/index.vue?vue&type=template&id=0e8386c8&
-var TimePickervue_type_template_id_0e8386c8_render = function() {
+var TimePickervue_type_template_id_0e8386c8_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -4346,11 +4363,11 @@ var TimePickervue_type_template_id_0e8386c8_render = function() {
       ref: "TimePicker",
       staticClass: "time-picker maz-flex maz-flex-fixed maz-flex-1",
       class: {
-        "maz-border-left maz-border-left-solid maz-border-color": _vm.hasDate
+        "maz-border-left maz-border-left-solid maz-border-color": _vm.hasDate,
       },
-      style: [{ height: (_vm.hasDate ? _vm.height : 150) + "px" }]
+      style: [{ height: (_vm.hasDate ? _vm.height : 150) + "px" }],
     },
-    _vm._l(_vm.columns, function(column) {
+    _vm._l(_vm.columns, function (column) {
       return _c(
         "div",
         {
@@ -4361,7 +4378,7 @@ var TimePickervue_type_template_id_0e8386c8_render = function() {
             "time-picker__column maz-flex-1 maz-flex maz-direction-column maz-align-center",
           class: "time-picker__column-" + column.type,
           on: {
-            scroll: function($event) {
+            scroll: function ($event) {
               _vm.noScrollEvent
                 ? null
                 : column.type === "hours"
@@ -4369,12 +4386,12 @@ var TimePickervue_type_template_id_0e8386c8_render = function() {
                 : column.type === "minutes"
                 ? _vm.onScrollMinutes($event)
                 : _vm.onScrollApms($event)
-            }
-          }
+            },
+          },
         },
         [
           _c("div", { staticClass: "before", style: [_vm.columnPadding] }),
-          _vm._l(column.items, function(ref) {
+          _vm._l(column.items, function (ref) {
             var item = ref.item
             var disabled = ref.disabled
             var v = ref.value
@@ -4390,18 +4407,18 @@ var TimePickervue_type_template_id_0e8386c8_render = function() {
                   "no-shadow": "",
                   color: _vm.color,
                   active: _vm.isActive(column.type, v),
-                  disabled: disabled
+                  disabled: disabled,
                 },
                 on: {
-                  click: function($event) {
+                  click: function ($event) {
                     disabled ? null : _vm.selectTime(v, column.type)
-                  }
-                }
+                  },
+                },
               },
               [_vm._v("\n      " + _vm._s(item) + "\n    ")]
             )
           }),
-          _c("div", { staticClass: "after", style: [_vm.columnPadding] })
+          _c("div", { staticClass: "after", style: [_vm.columnPadding] }),
         ],
         2
       )
@@ -4428,7 +4445,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -5458,7 +5475,7 @@ if (false) { var Calendar_api; }
 Calendar_component.options.__file = "packages/components/MazPicker/PickersContainer/Calendar/index.vue"
 /* harmony default export */ var Calendar = (Calendar_component.exports);
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazPicker/PickersContainer/FooterPicker/index.vue?vue&type=template&id=d11bdf62&
-var FooterPickervue_type_template_id_d11bdf62_render = function() {
+var FooterPickervue_type_template_id_d11bdf62_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -5466,7 +5483,7 @@ var FooterPickervue_type_template_id_d11bdf62_render = function() {
     "div",
     {
       staticClass:
-        "footer-picker maz-p-2 maz-flex maz-justify-end maz-border-top maz-border-top-solid maz-border-color"
+        "footer-picker maz-p-2 maz-flex maz-justify-end maz-border-top maz-border-top-solid maz-border-color",
     },
     [
       _vm.hasNow
@@ -5476,7 +5493,7 @@ var FooterPickervue_type_template_id_d11bdf62_render = function() {
               staticClass:
                 "footer-picker__now maz-bg-transparent maz-no-shadow maz-px-3 maz-hover-bg-color maz-no-focus-bg maz-border maz-border-color",
               attrs: { size: "mini", tabindex: "-1", color: _vm.color },
-              on: { click: _vm.now }
+              on: { click: _vm.now },
             },
             [_vm._v("\n    " + _vm._s(_vm.nowTranslation) + "\n  ")]
           )
@@ -5491,17 +5508,17 @@ var FooterPickervue_type_template_id_d11bdf62_render = function() {
                 size: "mini",
                 tabindex: "-1",
                 disabled: !_vm.currentValue,
-                color: "success"
+                color: "success",
               },
-              on: { click: _vm.validate }
+              on: { click: _vm.validate },
             },
             [
               _c("i", { staticClass: "material-icons" }, [
-                _vm._v("\n      check\n    ")
-              ])
+                _vm._v("\n      check\n    "),
+              ]),
             ]
           )
-        : _vm._e()
+        : _vm._e(),
     ],
     1
   )
@@ -5834,7 +5851,7 @@ function _mainvue_type_script_lang_js_asyncGeneratorStep(gen, resolve, reject, _
 
 function _mainvue_type_script_lang_js_asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { _mainvue_type_script_lang_js_asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { _mainvue_type_script_lang_js_asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 //
 //
@@ -5920,6 +5937,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -6343,10 +6364,16 @@ var FOOTER_HEIGHT = 54;
       }
     },
     openPicker: function openPicker() {
-      this.isOpen = true; // emit when picker is show
+      this.isOpen = true; // emitted when the input is focused
+
+      this.$emit('focus'); // emitted when picker is shown
 
       this.$emit('is-shown');
     },
+    emitClear: function emitClear() {
+      // emitted when the input is cleared
+      this.$emit('clear');
+    },
     closePicker: function closePicker() {
       var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       if (this.$el.contains(e.relatedTarget) || checkIfTargetIsAllowedToCloseComponent(NOT_ALLOWED_CLASSES_TO_CLOSE, e.target)) return;