@zanichelli/albe-web-components 2.44.0 → 2.46.0

package/dist/collection/components/z-date-picker/styles.css

@@ -0,0 +1,515 @@
+.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
+      /*rtl:begin:ignore*/left:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
+      /*rtl:begin:ignore*/right:0/*
+      /*rtl:end:ignore*/}/*
+      /*rtl:begin:ignore*/
+/*
+      /*rtl:end:ignore*/
+.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
+.flatpickr-monthSelect-months {
+  margin: 10px 1px 3px 1px;
+  flex-wrap: wrap;
+}
+
+.flatpickr-monthSelect-month {
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #393939;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: 400;
+  margin: 0.5px;
+  justify-content: center;
+  padding: 10px;
+  position: relative;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  text-align: center;
+  width: 33%;
+}
+
+.flatpickr-monthSelect-month.flatpickr-disabled {
+	color: #eee;
+}
+
+.flatpickr-monthSelect-month.flatpickr-disabled:hover,
+.flatpickr-monthSelect-month.flatpickr-disabled:focus {
+	cursor: not-allowed;
+	background: none !important;
+}
+
+.flatpickr-monthSelect-theme-dark {
+  background: #3f4458;
+}
+
+.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
+  color: #fff;
+}
+
+.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
+.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
+  color: #fff;
+  fill: #fff;
+}
+
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
+  color: rgba(255, 255, 255, 0.95);
+}
+
+.flatpickr-monthSelect-month.today {
+  border-color: #959ea9;
+}
+
+.flatpickr-monthSelect-month.inRange,
+.flatpickr-monthSelect-month.inRange.today,
+.flatpickr-monthSelect-month:hover,
+.flatpickr-monthSelect-month:focus {
+  background: #e6e6e6;
+  cursor: pointer;
+  outline: 0;
+  border-color: #e6e6e6;
+}
+
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
+  background: #646c8c;
+  border-color: #646c8c;
+}
+
+.flatpickr-monthSelect-month.today:hover,
+.flatpickr-monthSelect-month.today:focus {
+  background: #959ea9;
+  border-color: #959ea9;
+  color: #fff;
+}
+
+.flatpickr-monthSelect-month.selected,
+.flatpickr-monthSelect-month.startRange,
+.flatpickr-monthSelect-month.endRange {
+  background-color: #569ff7;
+  box-shadow: none;
+  color: #fff;
+  border-color: #569ff7;
+}
+
+.flatpickr-monthSelect-month.startRange {
+  border-radius: 50px 0 0 50px;
+}
+
+.flatpickr-monthSelect-month.endRange {
+  border-radius: 0 50px 50px 0;
+}
+
+.flatpickr-monthSelect-month.startRange.endRange {
+  border-radius: 50px;
+}
+
+.flatpickr-monthSelect-month.inRange {
+  border-radius: 0;
+  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
+  background: #80cbc4;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  color: #fff;
+  border-color: #80cbc4;
+}
+
+
+:host {
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+
+  --toggle-height: 0;
+}
+
+z-date-picker {
+  position: relative;
+}
+
+z-date-picker > div > * {
+  cursor: pointer !important;
+}
+
+.flatpickr-toggle-container {
+  width: fit-content;
+}
+
+.hidden-input {
+  visibility: hidden !important;
+  position: absolute;
+
+  width: 0;
+  height: 0;
+  bottom: 0;
+}
+
+/* Calendar container selectors */
+.flatpickr-calendar::before,
+.flatpickr-calendar::after {
+  display: none;
+}
+
+.flatpickr-calendar {
+  font-family: var(--font-family-sans) !important;
+  position: absolute !important;
+
+  border-radius: 2px;
+  box-shadow: 0px 2px 4px 0px rgba(66, 69, 72, 0.4);
+
+  padding-top: calc(var(--space-unit) * 2);
+
+  left: 0 !important;
+  top: var(--toggle-height) !important;
+}
+
+.months.top > .flatpickr-calendar {
+  top: -288px !important;
+}
+
+.date.top > .flatpickr-calendar {
+  top: -401px !important;
+}
+
+.date-time.top > .flatpickr-calendar {
+  top: -523px !important;
+}
+
+.flatpickr-calendar,
+.flatpickr-innerContainer,
+.flatpickr-days,
+.dayContainer,
+.flatpickr-rContainer,
+.flatpickr-monthSelect-months {
+  width: calc(var(--space-unit) * 42) !important;
+  max-width: calc(var(--space-unit) * 42) !important;
+}
+
+.flatpickr-monthSelect-months {
+  box-sizing: border-box;
+  padding: 0 !important;
+  margin: calc(var(--space-unit) * 2) 0 !important;
+}
+
+/* Months and year row containers selectors */
+.flatpickr-months {
+  position: relative;
+  align-items: center;
+
+  margin-bottom: var(--space-unit) 0 !important;
+  height: calc(var(--space-unit) * 6) !important;
+}
+
+.flatpickr-month {
+  overflow: visible !important;
+  height: calc(var(--space-unit) * 6) !important;
+}
+
+.flatpickr-current-month {
+  display: flex !important;
+  justify-content: space-evenly;
+  align-items: baseline;
+
+  width: -webkit-fill-available;
+  height: calc(var(--space-unit) * 6);
+  left: 0 !important;
+  padding-top: 0;
+}
+
+/* Months arrows selectors */
+.flatpickr-next-month,
+.flatpickr-prev-month {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: static !important;
+
+  height: calc(var(--space-unit) * 4) !important;
+  width: calc(var(--space-unit) * 4) !important;
+  padding: 0 !important;
+}
+.flatpickr-prev-month {
+  margin-left: var(--space-unit);
+}
+.flatpickr-next-month {
+  margin-right: var(--space-unit);
+}
+
+.flatpickr-next-month > svg,
+.flatpickr-prev-month > svg {
+  fill: var(--color-primary01);
+  height: calc(var(--space-unit) * 2) !important;
+  width: calc(var(--space-unit) * 2) !important;
+}
+
+.flatpickr-next-month:hover,
+.flatpickr-prev-month:hover {
+  border-radius: var(--border-radius);
+  background-color: var(--color-primary03) !important;
+  border-color: var(--color-primary03) !important;
+  color: var(--color-hover-primary) !important;
+}
+
+.flatpickr-next-month:hover svg,
+.flatpickr-prev-month:hover svg {
+  fill: var(--color-hover-primary) !important;
+}
+
+.flatpickr-next-month:active,
+.flatpickr-prev-month:active {
+  border-radius: var(--border-radius);
+  background-color: var(--color-surface01) !important;
+  border-color: var(--color-surface01) !important;
+  color: var(--color-primary01) !important;
+  box-shadow: var(--shadow-2) !important;
+}
+
+.flatpickr-next-month:focus svg,
+.flatpickr-prev-month:focus svg {
+  fill: var(--color-primary01) !important;
+}
+
+/* Months dropdown selectors */
+.flatpickr-monthDropdown-months {
+  background: white !important;
+  font-size: var(--font-size-3) !important;
+  font-weight: var(--font-rg) !important;
+  color: var(--text-grey-800) !important;
+  outline: 1px solid black !important;
+
+  width: 108px !important;
+  height: calc(var(--space-unit) * 5.5) !important;
+  padding-left: var(--space-unit) !important;
+}
+
+.flatpickr-monthDropdown-months:hover {
+  outline: 1px solid var(--color-primary01) !important;
+}
+
+/* Year toggle selectors */
+.flatpickr-current-month > .numInputWrapper {
+  display: flex;
+  background: white !important;
+  color: var(--text-grey-800);
+  outline: 1px solid black !important;
+
+  height: calc(var(--space-unit) * 5.5) !important;
+  width: calc(var(--space-unit) * 10);
+}
+
+.flatpickr-current-month > .numInputWrapper:hover {
+  outline: 1px solid var(--color-primary01) !important;
+}
+
+.flatpickr-current-month > .numInputWrapper > input {
+  font-size: var(--font-size-3) !important;
+  font-weight: var(--font-rg) !important;
+  text-align: center;
+
+  padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);
+}
+
+/* Weekdays selectors */
+.flatpickr-weekdays {
+  height: calc(var(--space-unit) * 6);
+  border-bottom: 1px solid var(--gray200);
+}
+
+.flatpickr-weekday {
+  font-weight: var(--font-rg) !important;
+  font-size: var(--font-size-3) !important;
+}
+
+/* Calendar days and months selectors */
+.flatpickr-day,
+.flatpickr-monthSelect-month {
+  height: calc(var(--space-unit) * 6) !important;
+  width: calc(var(--space-unit) * 6) !important;
+  max-width: 100% !important;
+
+  font-size: var(--font-size-3) !important;
+  line-height: calc(var(--space-unit) * 6) !important;
+
+  margin: 0 !important;
+  border: none;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+}
+
+.flatpickr-day {
+  width: calc(var(--space-unit) * 6) !important;
+
+  line-height: calc(var(--space-unit) * 6) !important;
+  border: none;
+}
+
+.flatpickr-monthSelect-month {
+  width: calc(var(--space-unit) * 14) !important;
+  padding: 0 !important;
+
+  line-height: calc(var(--space-unit) * 5) !important;
+  border: 2px solid white !important;
+}
+
+.flatpickr-day:hover,
+.flatpickr-day.prevMonthDay:hover,
+.flatpickr-day.selected:hover,
+.flatpickr-monthSelect-month:hover {
+  background-color: var(--myz-blue-dark) !important;
+  border-color: var(--myz-blue-dark) !important;
+  color: var(--color-white) !important;
+}
+
+.flatpickr-day.today,
+.flatpickr-monthSelect-month.today {
+  border: 2px solid var(--myz-blue-dark) !important;
+}
+
+.flatpickr-day.selected,
+.flatpickr-monthSelect-month.selected {
+  background-color: var(--color-primary01) !important;
+  border-color: var(--color-primary01) !important;
+}
+
+.flatpickr-weekday:nth-child(6),
+.flatpickr-weekday:nth-child(7),
+.flatpickr-day:nth-child(7n + 6),
+.flatpickr-day:nth-child(7n + 7) {
+  font-weight: var(--font-sb) !important;
+}
+
+/* Date and time selectors */
+.flatpickr-time {
+  display: block;
+  text-align: left;
+
+  height: 90px !important;
+  max-height: 90px !important;
+}
+
+.flatpickr-time::before {
+  display: block;
+  content: "Orario";
+  font-size: var(--font-size-1);
+  font-weight: var(--font-sb);
+  text-transform: uppercase;
+  color: var(--text-grey-800) !important;
+
+  width: 100%;
+  padding-left: var(--space-unit);
+}
+
+.flatpickr-time.time24hr {
+  margin: calc(var(--space-unit) * 2) !important;
+}
+
+.flatpickr-time.time24hr > .numInputWrapper > input:hover,
+.flatpickr-time.time24hr > .numInputWrapper > input:focus,
+.flatpickr-time.time24hr > .numInputWrapper:hover {
+  background-color: white !important;
+}
+
+.flatpickr-time.time24hr > div {
+  height: calc(var(--space-unit) * 5.5) !important;
+  width: calc(var(--space-unit) * 10) !important;
+  margin-left: var(--space-unit) !important;
+  margin-right: var(--space-unit) !important;
+}
+
+.flatpickr-time-separator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  height: calc(var(--space-unit) * 5.5) !important;
+  font-weight: unset !important;
+}
+
+.flatpickr-minute,
+.flatpickr-hour {
+  outline: 1px solid black !important;
+}
+
+.numInputWrapper:hover .flatpickr-minute,
+.numInputWrapper:hover .flatpickr-hour,
+.flatpickr-minute:focus,
+.flatpickr-hour:focus {
+  outline: 1px solid var(--color-primary01) !important;
+}
+
+/* toggle arrows selectors */
+.arrowUp,
+.arrowDown {
+  opacity: 1 !important;
+  border: none !important;
+
+  height: calc(var(--space-unit) * 2) !important;
+  width: calc(var(--space-unit) * 2) !important;
+  padding: 0 !important;
+}
+
+.arrowUp {
+  margin-top: calc(var(--space-unit) / 2) !important;
+  margin-right: calc(var(--space-unit) / 2) !important;
+}
+
+.arrowDown {
+  top: auto !important;
+  margin-top: calc(var(--space-unit) * 3) !important;
+  margin-right: calc(var(--space-unit) / 2) !important;
+}
+
+.arrowUp:hover,
+.arrowDown:hover {
+  border-radius: var(--border-radius);
+  background-color: var(--color-primary03) !important;
+  border-color: var(--color-primary03) !important;
+  color: var(--color-hover-primary) !important;
+}
+
+.arrowUp:active,
+.arrowDown:active {
+  border-radius: var(--border-radius);
+  background-color: var(--color-surface01) !important;
+  border-color: var(--color-surface01) !important;
+  color: var(--color-primary01) !important;
+  box-shadow: var(--shadow-2) !important;
+}
+
+.arrowUp::after,
+.arrowDown::after {
+  border: solid var(--color-primary01) !important;
+  border-width: 0 1px 1px 0 !important;
+
+  padding: 2.5px !important;
+}
+
+.arrowUp::after {
+  transform: rotate(-135deg);
+
+  top: 0 !important;
+  margin-left: 5.5px !important;
+  margin-top: 6px !important;
+}
+
+.arrowDown::after {
+  transform: rotate(45deg);
+
+  top: 0 !important;
+  left: 5.5px !important;
+  margin-top: 4px !important;
+}

package/dist/esm/{_commonjsHelpers-8b28c6fa.js → _commonjsHelpers-9943807e.js}

@@ -1,3 +1,5 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 		path: basedir,
@@ -12,4 +14,4 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { createCommonjsModule as c };
+export { commonjsGlobal as a, createCommonjsModule as c };

package/dist/esm/{hammer-501342a9.js → hammer-c3266b17.js}

@@ -1,4 +1,4 @@
-import { c as createCommonjsModule } from './_commonjsHelpers-8b28c6fa.js';
+import { c as createCommonjsModule } from './_commonjsHelpers-9943807e.js';
 
 var hammer = createCommonjsModule(function (module) {
 /*! Hammer.JS - v2.0.7 - 2016-04-22

package/dist/esm/{icons-bceeb196.js → icons-d8a127bf.js}

@@ -440,7 +440,11 @@ const icons = {
   "powerpoint-button": "M249 686L308 686 308 533 411 533Q458 533 484.5 504.5 511 476 511 428 511 379 484.5 351.5 458 324 411 324L249 324ZM308 476L308 378 395 378Q425 378 437 384 449 390 449 413L449 440Q449 465 437 470.5 425 476 395 476ZM914 0Q955 0 977.5 22.5 1000 45 1000 86L1000 914Q1000 955 977.5 977.5 955 1000 914 1000L86 1000Q44 1000 22 977.5 0 955 0 914L0 86Q0 45 23 22.5 46 0 86 0ZM852 303Q852 262 828.5 241 805 220 762 220L602 220 602 176Q602 116 557 116 543 116 530 120L189 218Q166 224 157.5 238 149 252 149 276L149 721Q149 745 160 757 171 769 192 775L411 836 530 870Q542 874 556 874 577 874 589.5 860.5 602 847 602 818L602 771 767 771Q806 771 829 748.5 852 726 852 690ZM602 324L732 324 732 387 602 387ZM782 527L602 527 602 464 782 464ZM732 667L602 667 602 604 732 604Z",
   "show-video-button": "M914 0Q955 0 977.5 22.5 1000 45 1000 86L1000 914Q1000 955 977.5 977.5 955 1000 914 1000L879 1000Q881 907 846 864.5 811 822 725 822L677 822Q590 822 555.5 864 521 906 519 1000L478 1000Q479 909 444 867 409 825 325 825L277 825Q191 825 157 866.5 123 908 121 1000L86 1000Q44 1000 22 977.5 0 955 0 914L0 86Q0 45 23 22.5 46 0 86 0ZM635 346Q646 339 650 332 654 325 654 315 654 307 650.5 300.5 647 294 635 287L430 160Q414 150 401 150 376 150 376 188L376 450Q376 467 382.5 476 389 485 401 485 413 485 426 476ZM302 790Q350 790 380.5 766.5 411 743 411 698 411 652 380.5 626.5 350 601 302 601 251 601 221 626 191 651 191 698 191 744 221 767 251 790 302 790ZM700 790Q748 790 778.5 766.5 809 743 809 698 809 652 778.5 626.5 748 601 700 601 648 601 618 626 588 651 588 698 588 744 618 767 648 790 700 790Z",
   "word-button": "M914 0Q955 0 977.5 22.5 1000 45 1000 86L1000 914Q1000 955 977.5 977.5 955 1000 914 1000L86 1000Q44 1000 22 977.5 0 955 0 914L0 86Q0 45 23 22.5 46 0 86 0ZM871 303Q871 262 847.5 241 824 220 781 220L602 220 602 175Q602 115 557 115 543 115 530 119L167 225Q144 231 135.5 245 127 259 127 283L127 716Q127 761 170 770L530 872Q542 875 554 875 602 875 602 819L602 771 786 771Q825 771 848 748.5 871 726 871 690ZM602 324L731 324 731 387 602 387ZM390 357L452 600 487 357 534 357 484 655 422 655 360 418 359 418 297 655 237 655 186 357 235 357 271 600 331 357ZM782 527L602 527 602 464 782 464ZM731 667L602 667 602 604 731 604Z",
-  "upload": "M902 356L980 356 980 106Q980 65 957.5 42.5 935 20 894 20L106 20Q66 20 43 42.5 20 65 20 106L20 356 98 356 98 92 902 92ZM500 210L754 470 704 522 540 344 540 980 462 980 462 344 294 518 242 468Z"
+  "upload": "M902 356L980 356 980 106Q980 65 957.5 42.5 935 20 894 20L106 20Q66 20 43 42.5 20 65 20 106L20 356 98 356 98 92 902 92ZM500 210L754 470 704 522 540 344 540 980 462 980 462 344 294 518 242 468Z",
+  "people": "M512 560Q512 443 557 386.5 602 330 712 330L800 330Q910 330 955 386.5 1000 443 1000 560L924 560Q924 503 916.5 470.5 909 438 882 420 855 402 800 402L712 402Q657 402 630 420 603 438 595.5 470 588 502 588 560L512 560ZM0 980Q0 863 45 806.5 90 750 200 750L288 750Q398 750 443 806.5 488 863 488 980L412 980Q412 923 404.5 890.5 397 858 370 840 343 822 288 822L200 822Q145 822 118 840 91 858 83.5 890 76 922 76 980L0 980ZM99 562Q99 494 139 457 179 420 244 420 309 420 349 457 389 494 389 562 389 630 349 666 309 702 244 702 179 702 139 666 99 630 99 562ZM179 562Q179 631 244 631 309 631 309 562 309 527 292 508.5 275 490 244 490 213 490 196 508.5 179 527 179 562ZM611 143Q611 75 651 37.5 691 0 756 0 821 0 861 37.5 901 75 901 143 901 211 861 246.5 821 282 756 282 691 282 651 246.5 611 211 611 143ZM691 143Q691 211 756 211 821 211 821 143 821 107 804 88.5 787 70 756 70 725 70 708 88.5 691 107 691 143Z",
+  "people-filled": "M512 560Q512 443 557 386.5 602 330 712 330L800 330Q910 330 955 386.5 1000 443 1000 560L512 560ZM0 980Q0 863 45 806.5 90 750 200 750L288 750Q398 750 443 806.5 488 863 488 980L0 980ZM99 562Q99 494 139 457 179 420 244 420 309 420 349 457 389 494 389 562 389 630 349 666 309 702 244 702 179 702 139 666 99 630 99 562ZM611 143Q611 75 651 37.5 691 0 756 0 821 0 861 37.5 901 75 901 143 901 211 861 246.5 821 282 756 282 691 282 651 246.5 611 211 611 143Z",
+  "grades": "M78 980Q51 980 35.5 964.5 20 949 20 922L20 78Q20 51 35.5 35.5 51 20 78 20L746 20Q773 20 788.5 35.5 804 51 804 78L804 436 732 436 732 92 92 92 92 908 473 908 473 980 78 980ZM172 628Q172 603 188.5 586.5 205 570 230 570 255 570 271.5 586.5 288 603 288 628 288 653 271.5 669.5 255 686 230 686 205 686 188.5 669.5 172 653 172 628ZM172 428Q172 403 188.5 386.5 205 370 230 370 255 370 271.5 386.5 288 403 288 428 288 453 271.5 469.5 255 486 230 486 205 486 188.5 469.5 172 453 172 428ZM172 228Q172 203 188.5 186.5 205 170 230 170 255 170 271.5 186.5 288 203 288 228 288 253 271.5 269.5 255 286 230 286 205 286 188.5 269.5 172 253 172 228ZM378 594L650 594 650 666 378 666ZM378 394L650 394 650 466 378 466ZM378 194L650 194 650 266 378 266ZM574 831L824 573Q841 556 862 556 883 556 899 573L982 657Q1000 676 1000 696 1000 716 983 731L722 980 574 980ZM691 921L856 765 788 700 634 859 634 921ZM900 722L930 693 862 625 833 655Z",
+  "grades-filled": "M78 980Q51 980 35.5 964.5 20 949 20 922L20 78Q20 51 35.5 35.5 51 20 78 20L746 20Q773 20 788.5 35.5 804 51 804 78L804 436 732 436 732 92 92 92 92 908 473 908 473 980 78 980ZM172 628Q172 603 188.5 586.5 205 570 230 570 255 570 271.5 586.5 288 603 288 628 288 653 271.5 669.5 255 686 230 686 205 686 188.5 669.5 172 653 172 628ZM172 428Q172 403 188.5 386.5 205 370 230 370 255 370 271.5 386.5 288 403 288 428 288 453 271.5 469.5 255 486 230 486 205 486 188.5 469.5 172 453 172 428ZM172 228Q172 203 188.5 186.5 205 170 230 170 255 170 271.5 186.5 288 203 288 228 288 253 271.5 269.5 255 286 230 286 205 286 188.5 269.5 172 253 172 228ZM378 594L650 594 650 666 378 666ZM378 394L650 394 650 466 378 466ZM378 194L650 194 650 266 378 266ZM574 831L824 573Q841 556 862 556 883 556 899 573L982 657Q1000 676 1000 696 1000 716 983 731L722 980 574 980ZM900 722L930 693 862 625 833 655Z"
 };
 // 0.x icons compatibility
 icons["ask-your-manager"] = icons["support"];

package/dist/esm/{index-023c206a.js → index-5fef5bc0.js}

@@ -283,5 +283,22 @@ var ZSectionTitleDividerPositions;
   ZSectionTitleDividerPositions["before"] = "before";
   ZSectionTitleDividerPositions["after"] = "after";
 })(ZSectionTitleDividerPositions || (ZSectionTitleDividerPositions = {}));
+var ZDatePickerMode;
+(function (ZDatePickerMode) {
+  ZDatePickerMode["date"] = "date";
+  ZDatePickerMode["dateTime"] = "date-time";
+  ZDatePickerMode["months"] = "months";
+})(ZDatePickerMode || (ZDatePickerMode = {}));
+var ZDatePickerModeValues;
+(function (ZDatePickerModeValues) {
+  ZDatePickerModeValues[ZDatePickerModeValues["DATE"] = 401] = "DATE";
+  ZDatePickerModeValues[ZDatePickerModeValues["DATETIME"] = 523] = "DATETIME";
+  ZDatePickerModeValues[ZDatePickerModeValues["MONTHS"] = 288] = "MONTHS";
+})(ZDatePickerModeValues || (ZDatePickerModeValues = {}));
+var ZDatePickerPosition;
+(function (ZDatePickerPosition) {
+  ZDatePickerPosition["top"] = "top";
+  ZDatePickerPosition["bottom"] = "bottom";
+})(ZDatePickerPosition || (ZDatePickerPosition = {}));
 
-export { AvatarSize as A, ButtonTypeEnum as B, CardVariants as C, DeviceEnum as D, ExpandableListButtonAlign as E, InputTypeEnum as I, KeyboardKeys as K, LicenseTypeEnum as L, OffCanvasVariantsEnum as O, PopoverPosition as P, StatusTagStatus as S, ThemeVariant as T, ZAriaAlertMode as Z, DividerOrientation as a, ButtonVariantEnum as b, ButtonSizeEnum as c, DividerSize as d, TransitionDirectionEnum as e, ZChipType as f, TooltipPosition as g, ZFileUploadTypeEnum as h, PocketStatusEnum as i, InputStatusEnum as j, keybordKeyCodeEnum as k, AlertTypesEnum as l, TabOrientationEnum as m, TabSizeEnum as n, ZSectionTitleDividerPositions as o, ZTableRowExpandedType as p, ToastNotificationTransitionsEnum as q, ToastNotificationPositionsEnum as r, ZtoggleSwitchPositionEnum as s, ListSize as t, ListDividerType as u, ExpandableListStyle as v, Size as w, SortDirectionEnum as x, PopoverBorderRadius as y, PopoverShadow as z };
+export { AvatarSize as A, ButtonTypeEnum as B, CardVariants as C, DeviceEnum as D, ExpandableListButtonAlign as E, SortDirectionEnum as F, PopoverBorderRadius as G, PopoverShadow as H, InputTypeEnum as I, KeyboardKeys as K, LicenseTypeEnum as L, OffCanvasVariantsEnum as O, PopoverPosition as P, StatusTagStatus as S, ThemeVariant as T, ZAriaAlertMode as Z, DividerOrientation as a, ButtonVariantEnum as b, ButtonSizeEnum as c, DividerSize as d, TransitionDirectionEnum as e, ZDatePickerMode as f, ZDatePickerPosition as g, ZDatePickerModeValues as h, ZChipType as i, TooltipPosition as j, keybordKeyCodeEnum as k, ZFileUploadTypeEnum as l, PocketStatusEnum as m, InputStatusEnum as n, AlertTypesEnum as o, TabOrientationEnum as p, TabSizeEnum as q, ZSectionTitleDividerPositions as r, ZTableRowExpandedType as s, ToastNotificationTransitionsEnum as t, ToastNotificationPositionsEnum as u, ZtoggleSwitchPositionEnum as v, ListSize as w, ListDividerType as x, ExpandableListStyle as y, Size as z };

package/dist/esm/{index-aa3a4feb.js → index-abb47b30.js}

@@ -1,4 +1,4 @@
-import { c as createCommonjsModule } from './_commonjsHelpers-8b28c6fa.js';
+import { c as createCommonjsModule } from './_commonjsHelpers-9943807e.js';
 
 var classnames = createCommonjsModule(function (module) {
 /*!

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-import { c as colorFromId } from './utils-05b6c600.js';
-import './index-023c206a.js';
+import { c as colorFromId } from './utils-9d3aa32a.js';
+import './index-5fef5bc0.js';
 import './breakpoints-c386984e.js';
 
 const Utils = {