@contena/meteor-component-library 5.6.2 → 5.7.0

package/dist/mt-datepicker.css

@@ -1,293 +1 @@
-.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding) !important}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(0, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--extended-fixed-end,.dp--extended-fixed-start,.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%;align-items:center}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transition: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-input-not-clearable-padding: 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{top:50%;left:50%;transform:translate(-50%, -50%);position:fixed}/*# sourceMappingURL=main.css.map */
-
-:root {
-  --menu-border-opacity: 1;
-  --time-inc-dec-opacity: 0;
-}
-
-/* || Datepicker theme  */
-.dp__theme_light {
-  --dp-background-color: var(--color-background-primary-default);
-  --dp-text-color: var(--color-text-primary-default);
-  --dp-hover-color: var(--color-interaction-secondary-hover);
-  --dp-hover-text-color: var(--color-text-primary-default);
-  --dp-hover-icon-color: #959595;
-  --dp-primary-color: var(--color-interaction-primary-default);
-  --dp-primary-disabled-color: var(--color-background-critical-default);
-  --dp-primary-text-color: var(--color-static-white);
-  --dp-secondary-color: var(--color-text-primary-disabled);
-  --dp-border-color: var(--color-border-primary-default);
-  --dp-menu-border-color: var(--color-border-secondary-default);
-  --dp-border-color-hover: var(--color-border-primary-default);
-  --dp-border-color-focus: var(--color-border-primary-default);
-  --dp-disabled-color: var(--color-background-tertiary-default);
-  --dp-scroll-bar-background: var(--color-background-primary-default);
-  --dp-scroll-bar-color: var(--color-border-secondary-default);
-  --dp-success-color: #76d275;
-  --dp-success-color-disabled: #a3d9b1;
-  --dp-icon-color: var(--color-icon-primary-default);
-  --dp-danger-color: var(--color-border-critical-default);
-  --dp-marker-color: var(--color-border-critical-default);
-  --dp-tooltip-color: #fafafa;
-  --dp-disabled-color-text: #8e8e8e;
-  --dp-highlight-color: rgba(210, 25, 189, 0.867);
-  --dp-range-between-dates-background-color: var(--color-background-brand-default);
-  --dp-range-between-dates-text-color: var(--color-text-primary-default);
-  --dp-range-between-border-color: var(--color-background-brand-default);
-}
-.mt-datepicker__wrapper {
-  display: grid;
-  grid-template-areas:
-    "label help-text"
-    "input input"
-    "error error"
-    "hint hint";
-  grid-template-columns: 1fr auto;
-  align-content: start;
-}
-.mt-datepicker__label {
-  line-height: var(--font-line-height-xs) !important;
-  margin-bottom: var(--scale-size-2);
-  font-size: var(--font-size-xs);
-}
-.dp__main {
-  font-family: var(--font-family-body) !important;
-}
-.dp__input_wrap {
-  font: inherit;
-  font-weight: var(--font-weight-regular) !important;
-  font-size: var(--font-size-xs) !important;
-}
-.dp__input {
-  min-height: var(--scale-size-40);
-  height: 1px;
-  padding-left: var(--scale-size-16) !important;
-  border-radius: var(--border-radius-xs);
-  font: inherit;
-  color: var(--color-text-secondary-default);
-  background: var(--color-background-primary-default);
-  color: var(--color-text-primary-default);
-&::placeholder {
-    color: var(--color-text-secondary-default);
-    opacity: 1 !important;
-}
-}
-.mt-datepicker__wrapper--small .dp__input {
-  min-height: var(--scale-size-32);
-}
-.dp__input_icon {
-  position: absolute;
-  width: var(--scale-size-40);
-  height: 96%;
-  left: auto;
-  right: 1px;
-  text-align: center;
-  border-radius: 0 3px 3px 0;
-  padding: var(--scale-size-10);
-  border-left: 1px solid var(--color-border-primary-default);
-  background: var(--color-background-tertiary-default);
-}
-.mt-datepicker__wrapper--small .dp__input_icon {
-  width: var(--scale-size-32);
-  padding: var(--scale-size-8);
-}
-.dp__input_icon #meteor-icon-kit__regular-calendar {
-  color: var(--color-icon-primary-default);
-  width: 16.5px;
-  height: var(--scale-size-18);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.dp__input_focus {
-  outline: var(--scale-size-2) solid var(--color-border-brand-default);
-  outline-offset: var(--scale-size-2);
-}
-.dp__disabled {
-  background: var(--color-background-tertiary-default);
-}
-.dp--menu-wrapper {
-  border-radius: var(--border-radius-s) !important;
-  font-family: inherit;
-  font-weight: inherit;
-  filter: drop-shadow(0px 1px 3px #0000000f);
-  filter: drop-shadow(0px 1px 3px #0000001a);
-  left: 0 !important;
-  overflow: visible !important;
-}
-.dp__calendar {
-  padding-bottom: var(--scale-size-4);
-}
-.dp__menu {
-  overflow: visible !important;
-}
-.dp__menu_inner,
-.dp__menu_content_wrapper {
-  overflow: visible !important;
-}
-.dp__menu::before {
-  content: "";
-  position: absolute;
-  top: -5px;
-  left: var(--scale-size-24);
-  width: var(--scale-size-10);
-  height: var(--scale-size-10);
-  transform: rotate(45deg);
-  border-top: 1px solid var(--color-border-secondary-default);
-  border-left: 1px solid var(--color-border-secondary-default);
-  background: var(--color-background-primary-default);
-  border-top-right-radius: 3px;
-  z-index: 3;
-  pointer-events: none;
-}
-.dp__instance_calendar {
-  padding: var(--scale-size-8) !important;
-}
-.dp__menu_inner {
-  padding: 0px;
-}
-.no-border-bottom {
-  padding-bottom: 0 !important;
-}
-.dp--header-wrap {
-  font: inherit;
-  font-weight: var(--font-weight-semibold) !important;
-  font-size: var(--font-size-xs) !important;
-}
-.dp__month_year_select {
-  color: var(--color-text-primary-default);
-}
-.month-control-arrow {
-  color: var(--color-icon-primary-default);
-}
-.dp__overlay {
-  border-radius: var(--border-radius-m);
-  font-family: inherit;
-  font-weight: var(--font-weight-regular) !important;
-  font-size: var(--font-size-xs) !important;
-}
-.back-to-calendar svg {
-  width: 1.2rem !important;
-  color: var(--color-text-primary-default);
-}
-.dp__calendar_header {
-  font: inherit;
-  color: var(--color-text-primary-default);
-  font-weight: var(--font-weight-medium) !important;
-  font-size: var(--font-size-xs) !important;
-}
-.dp__calendar_header_separator {
-  display: none;
-}
-.dp__cell_inner {
-  font: inherit;
-  font-size: var(--font-size-xs) !important;
-  font-weight: var(--font-weight-regular) !important;
-}
-.dp__cell_inner:hover {
-  background: var(--color-interaction-secondary-hover);
-  color: var(--color-text-primary-default);
-}
-.dp__today {
-  border: 1px solid var(--color-border-primary-default);
-}
-.dp--overlay-relative {
-  height: auto !important;
-}
-.dp__menu_inner::after {
-  content: "";
-  display: block;
-  width: 100%;
-  height: 0px;
-  border-top: 1px solid var(--color-border-primary-default);
-  opacity: var(--menu-border-opacity);
-}
-.dp__flex {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: var(--scale-size-2);
-}
-.dp__time_input {
-  width: 100%;
-  justify-content: space-between;
-  padding-left: 35px;
-  padding-right: 35px;
-}
-.dp__time_display {
-  font-family: var(--font-family-body) !important;
-  font-weight: var(--font-weight-regular) !important;
-  font-size: var(--font-size-xs) !important;
-}
-.dp__inc_dec_button_inline {
-  opacity: var(--time-inc-dec-opacity, 1);
-  color: var(--color-border-primary-default);
-  justify-content: center;
-}
-.dp__inc_dec_button_inline:hover {
-  opacity: 1;
-  color: var(--color-icon-primary-default);
-}
-.dp__overlay {
-  font-family: var(--font-family-body) !important;
-  font-weight: var(--font-weight-regular) !important;
-  font-size: var(--font-size-xs) !important;
-}
-.dp__overlay_container {
-  font: inherit;
-}
-.dp--overlay-relative {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-.dp__button.dp__overlay_action {
-  position: absolute;
-  bottom: 0;
-}
-.dp__button.dp__overlay_action span {
-  display: none;
-}
-.dp__icon {
-  display: none;
-}
-.dp__button.dp__overlay_action::before {
-  content: "+";
-  font: inherit;
-  font-weight: var(--font-weight-light) !important;
-  font-size: var(--font-size-xl) !important;
-  transform: rotate(45deg);
-  color: var(--color-text-secondary-default);
-}
-.dp--clear-btn {
-  padding-right: var(--scale-size-56);
-}
-.mt-datepicker__clear-button {
-  display: grid;
-  place-items: center;
-  height: var(--scale-size-32);
-  aspect-ratio: 1/1;
-  border-radius: var(--border-radius-button);
-  outline-color: var(--color-border-brand-default);
-  transition: background 0.2s cubic-bezier(0.23, 1, 0.32, 1);
-&:hover,
-  &:focus-visible {
-    background: var(--color-interaction-secondary-hover);
-}
-}
-.mt-datepicker__hint {
-  line-height: var(--font-line-height-xs);
-  margin-top: var(--scale-size-4);
-  font-size: var(--font-size-xs);
-  font-family: var(--font-family-body);
-  color: var(--color-text-secondary-default);
-  display: flex;
-  align-items: center;
-  gap: var(--scale-size-4);
-}
-.mt-datepicker__wrapper.has-error .dp__input {
-  border: 1px solid var(--color-border-critical-default);
-  background: var(--color-background-critical-dark);
-}
+.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding)!important}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translateY(-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--extended-fixed-end,.dp--extended-fixed-start,.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%;align-items:center}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transition: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-input-not-clearable-padding: 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{top:50%;left:50%;transform:translate(-50%,-50%);position:fixed}:root{--menu-border-opacity: 1;--time-inc-dec-opacity: 0}.dp__theme_light{--dp-background-color: var(--color-background-primary-default);--dp-text-color: var(--color-text-primary-default);--dp-hover-color: var(--color-interaction-secondary-hover);--dp-hover-text-color: var(--color-text-primary-default);--dp-hover-icon-color: #959595;--dp-primary-color: var(--color-interaction-primary-default);--dp-primary-disabled-color: var(--color-background-critical-default);--dp-primary-text-color: var(--color-static-white);--dp-secondary-color: var(--color-text-primary-disabled);--dp-border-color: var(--color-border-primary-default);--dp-menu-border-color: var(--color-border-secondary-default);--dp-border-color-hover: var(--color-border-primary-default);--dp-border-color-focus: var(--color-border-primary-default);--dp-disabled-color: var(--color-background-tertiary-default);--dp-scroll-bar-background: var(--color-background-primary-default);--dp-scroll-bar-color: var(--color-border-secondary-default);--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: var(--color-icon-primary-default);--dp-danger-color: var(--color-border-critical-default);--dp-marker-color: var(--color-border-critical-default);--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgba(210, 25, 189, .867);--dp-range-between-dates-background-color: var(--color-background-brand-default);--dp-range-between-dates-text-color: var(--color-text-primary-default);--dp-range-between-border-color: var(--color-background-brand-default)}.mt-datepicker__wrapper{display:grid;grid-template-areas:"label help-text" "input input" "error error" "hint hint";grid-template-columns:1fr auto;align-content:start}.mt-datepicker__label{line-height:var(--font-line-height-xs)!important;margin-bottom:var(--scale-size-2);font-size:var(--font-size-xs)}.dp__main{font-family:var(--font-family-body)!important}.dp__input_wrap{font:inherit;font-weight:var(--font-weight-regular)!important;font-size:var(--font-size-xs)!important}.dp__input{min-height:var(--scale-size-40);height:1px;padding-left:var(--scale-size-16)!important;border-radius:var(--border-radius-xs);font:inherit;color:var(--color-text-secondary-default);background:var(--color-background-primary-default);color:var(--color-text-primary-default)}.dp__input::placeholder{color:var(--color-text-secondary-default);opacity:1!important}.mt-datepicker__wrapper--small .dp__input{min-height:var(--scale-size-32)}.dp__input_icon{position:absolute;width:var(--scale-size-40);height:96%;left:auto;right:1px;text-align:center;border-radius:0 3px 3px 0;padding:var(--scale-size-10);border-left:1px solid var(--color-border-primary-default);background:var(--color-background-tertiary-default)}.mt-datepicker__wrapper--small .dp__input_icon{width:var(--scale-size-32);padding:var(--scale-size-8)}.dp__input_icon #meteor-icon-kit__regular-calendar{color:var(--color-icon-primary-default);width:16.5px;height:var(--scale-size-18);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dp__input_focus{outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.dp__disabled{background:var(--color-background-tertiary-default)}.dp--menu-wrapper{border-radius:var(--border-radius-s)!important;font-family:inherit;font-weight:inherit;filter:drop-shadow(0px 1px 3px #0000000f);filter:drop-shadow(0px 1px 3px #0000001a);left:0!important;overflow:visible!important}.dp__calendar{padding-bottom:var(--scale-size-4)}.dp__menu,.dp__menu_inner,.dp__menu_content_wrapper{overflow:visible!important}.dp__menu:before{content:"";position:absolute;top:-5px;left:var(--scale-size-24);width:var(--scale-size-10);height:var(--scale-size-10);transform:rotate(45deg);border-top:1px solid var(--color-border-secondary-default);border-left:1px solid var(--color-border-secondary-default);background:var(--color-background-primary-default);border-top-right-radius:3px;z-index:3;pointer-events:none}.dp__instance_calendar{padding:var(--scale-size-8)!important}.dp__menu_inner{padding:0}.no-border-bottom{padding-bottom:0!important}.dp--header-wrap{font:inherit;font-weight:var(--font-weight-semibold)!important;font-size:var(--font-size-xs)!important}.dp__month_year_select{color:var(--color-text-primary-default)}.month-control-arrow{color:var(--color-icon-primary-default)}.dp__overlay{border-radius:var(--border-radius-m);font-family:inherit;font-weight:var(--font-weight-regular)!important;font-size:var(--font-size-xs)!important}.back-to-calendar svg{width:1.2rem!important;color:var(--color-text-primary-default)}.dp__calendar_header{font:inherit;color:var(--color-text-primary-default);font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-xs)!important}.dp__calendar_header_separator{display:none}.dp__cell_inner{font:inherit;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-regular)!important}.dp__cell_inner:hover{background:var(--color-interaction-secondary-hover);color:var(--color-text-primary-default)}.dp__today{border:1px solid var(--color-border-primary-default)}.dp--overlay-relative{height:auto!important}.dp__menu_inner:after{content:"";display:block;width:100%;height:0px;border-top:1px solid var(--color-border-primary-default);opacity:var(--menu-border-opacity)}.dp__flex{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:var(--scale-size-2)}.dp__time_input{width:100%;justify-content:space-between;padding-left:35px;padding-right:35px}.dp__time_display{font-family:var(--font-family-body)!important;font-weight:var(--font-weight-regular)!important;font-size:var(--font-size-xs)!important}.dp__inc_dec_button_inline{opacity:var(--time-inc-dec-opacity, 1);color:var(--color-border-primary-default);justify-content:center}.dp__inc_dec_button_inline:hover{opacity:1;color:var(--color-icon-primary-default)}.dp__overlay{font-family:var(--font-family-body)!important;font-weight:var(--font-weight-regular)!important;font-size:var(--font-size-xs)!important}.dp__overlay_container{font:inherit}.dp--overlay-relative{position:relative;display:flex;align-items:center}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button.dp__overlay_action span,.dp__icon{display:none}.dp__button.dp__overlay_action:before{content:"+";font:inherit;font-weight:var(--font-weight-light)!important;font-size:var(--font-size-xl)!important;transform:rotate(45deg);color:var(--color-text-secondary-default)}.dp--clear-btn{padding-right:var(--scale-size-56)}.mt-datepicker__clear-button{display:grid;place-items:center;height:var(--scale-size-32);aspect-ratio:1/1;border-radius:var(--border-radius-button);outline-color:var(--color-border-brand-default);transition:background .2s cubic-bezier(.23,1,.32,1)}.mt-datepicker__clear-button:hover,.mt-datepicker__clear-button:focus-visible{background:var(--color-interaction-secondary-hover)}.mt-datepicker__hint{margin-top:var(--scale-size-4)}.mt-datepicker__wrapper.has-error .dp__input{border:1px solid var(--color-border-critical-default);background:var(--color-background-critical-dark)}

package/dist/{mt-datepicker.vue_vue_type_style_index_0_lang-2db831f0.mjs → mt-datepicker.vue_vue_type_style_index_0_lang-5edbea9c.mjs}

@@ -9,6 +9,7 @@ import { watch, toValue as toValue$1, computed, unref, reactive, shallowRef, ref
 import { _ as _sfc_main$1 } from "./mt-icon.vue_vue_type_style_index_0_lang-c90dc25b.mjs";
 import MtHelpText from "./esm/MtHelpText.js";
 import MtFieldLabel from "./esm/MtFieldLabel.js";
+import MtFieldHint from "./esm/MtFieldHint.js";
 import MtFieldError from "./esm/MtFieldError.js";
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
@@ -11035,12 +11036,6 @@ async function importDateFnsLocaleModule(path) {
   }
 }
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = {
-  key: 2,
-  class: "mt-datepicker__hint field-hint",
-  "data-testid": "time-zone-hint",
-  style: { gridArea: "hint" }
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "mt-datepicker",
   props: {
@@ -11058,6 +11053,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     size: { default: "default" },
     error: { default: null },
     helpText: { default: void 0 },
+    hint: { default: void 0 },
     minDate: { default: void 0 },
     hourIncrement: { default: 1 },
     minuteIncrement: { default: 1 },
@@ -11071,6 +11067,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const slots = useSlots();
+    const showFieldHint = computed(
+      () => !!slots.hint || props.hint != null && String(props.hint).trim() !== ""
+    );
     const onInheritanceChange = (inheritance) => {
       if (inheritance === "linked") {
         emit("inheritance-restore");
@@ -11327,14 +11327,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           error: errorMessage.value || _ctx.error,
           style: { gridArea: "error" }
         }, null, 8, ["id", "error"])) : createCommentVNode("", true),
-        isTimeHintVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(_sfc_main$1, {
-            name: "solid-clock",
-            class: "mt-datepicker__hint-icon",
-            size: "12"
-          }),
-          createElementVNode("p", null, toDisplayString(_ctx.timeZone || "UTC"), 1)
-        ])) : createCommentVNode("", true)
+        showFieldHint.value || isTimeHintVisible.value ? (openBlock(), createBlock(MtFieldHint, {
+          key: 2,
+          class: normalizeClass(["mt-datepicker__hint", { "field-hint": !showFieldHint.value }]),
+          icon: showFieldHint.value ? "solid-info-circle" : "solid-clock",
+          "hide-icon": !!slots.hint,
+          "data-testid": showFieldHint.value ? void 0 : "time-zone-hint",
+          style: { gridArea: "hint" }
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "hint", {}, () => [
+              createTextVNode(toDisplayString(showFieldHint.value ? _ctx.hint : _ctx.timeZone || "UTC"), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["class", "icon", "hide-icon", "data-testid"])) : createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/{mt-datepicker.vue_vue_type_style_index_0_lang-d200a30e.js → mt-datepicker.vue_vue_type_style_index_0_lang-81316ad9.js}

@@ -10,6 +10,7 @@ const vue = require("vue");
 const mtIcon_vue_vue_type_style_index_0_lang = require("./mt-icon.vue_vue_type_style_index_0_lang-228a1bb5.js");
 const MtHelpText = require("./common/MtHelpText.js");
 const MtFieldLabel = require("./common/MtFieldLabel.js");
+const MtFieldHint = require("./common/MtFieldHint.js");
 const MtFieldError = require("./common/MtFieldError.js");
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
@@ -11036,12 +11037,6 @@ async function importDateFnsLocaleModule(path) {
   }
 }
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = {
-  key: 2,
-  class: "mt-datepicker__hint field-hint",
-  "data-testid": "time-zone-hint",
-  style: { gridArea: "hint" }
-};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "mt-datepicker",
   props: {
@@ -11059,6 +11054,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     size: { default: "default" },
     error: { default: null },
     helpText: { default: void 0 },
+    hint: { default: void 0 },
     minDate: { default: void 0 },
     hourIncrement: { default: 1 },
     minuteIncrement: { default: 1 },
@@ -11072,6 +11068,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const slots = vue.useSlots();
+    const showFieldHint = vue.computed(
+      () => !!slots.hint || props.hint != null && String(props.hint).trim() !== ""
+    );
     const onInheritanceChange = (inheritance) => {
       if (inheritance === "linked") {
         emit("inheritance-restore");
@@ -11328,14 +11328,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           error: errorMessage.value || _ctx.error,
           style: { gridArea: "error" }
         }, null, 8, ["id", "error"])) : vue.createCommentVNode("", true),
-        isTimeHintVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createVNode(mtIcon_vue_vue_type_style_index_0_lang._sfc_main, {
-            name: "solid-clock",
-            class: "mt-datepicker__hint-icon",
-            size: "12"
-          }),
-          vue.createElementVNode("p", null, vue.toDisplayString(_ctx.timeZone || "UTC"), 1)
-        ])) : vue.createCommentVNode("", true)
+        showFieldHint.value || isTimeHintVisible.value ? (vue.openBlock(), vue.createBlock(MtFieldHint, {
+          key: 2,
+          class: vue.normalizeClass(["mt-datepicker__hint", { "field-hint": !showFieldHint.value }]),
+          icon: showFieldHint.value ? "solid-info-circle" : "solid-clock",
+          "hide-icon": !!slots.hint,
+          "data-testid": showFieldHint.value ? void 0 : "time-zone-hint",
+          style: { gridArea: "hint" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "hint", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(showFieldHint.value ? _ctx.hint : _ctx.timeZone || "UTC"), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["class", "icon", "hide-icon", "data-testid"])) : vue.createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/mt-email-field.css

@@ -1,97 +1 @@
-
-.mt-email-field[data-v-c043a5b7] {
-  display: grid;
-  grid-template-areas:
-    "label help-text"
-    "input input"
-    "error error"
-    "hint hint";
-  grid-template-columns: 1fr auto;
-  margin-bottom: var(--scale-size-32);
-}
-.mt-email-field--future-no-default-margin[data-v-c043a5b7] {
-  margin-bottom: 0;
-}
-.mt-email-field__block {
-&[data-v-c043a5b7] {
-  --mt-email-field-border-radius: var(--border-radius-xs);
-
-  position: relative;
-  display: flex;
-  align-items: center;
-  border: 1px solid var(--color-border-primary-default);
-  border-radius: var(--mt-email-field-border-radius);
-  background-color: var(--color-background-primary-default);
-  min-height: var(--scale-size-40);
-  /* stylelint-disable-next-line meteor/prefer-sizing-token -- this is a trick so that the input field take 100% of its parent's height */
-  height: 1px;
-  }
-&[data-v-c043a5b7] ::placeholder {
-    color: var(--color-text-secondary-default);
-}
-&:not(.mt-email-field__block--error)&[data-v-c043a5b7]:has(.mt-email-field__input:focus-visible) {
-    outline: var(--scale-size-2) solid var(--color-border-brand-default);
-    outline-offset: var(--scale-size-2);
-}
-&:has(.mt-email-field__input:disabled) {
-&[data-v-c043a5b7] {
-    background-color: var(--color-background-tertiary-default);
-    }
-&[data-v-c043a5b7] ::placeholder {
-      color: var(--color-text-secondary-disabled);
-}
-}
-}
-.mt-email-field__block--error[data-v-c043a5b7] {
-  border-color: var(--color-border-critical-default);
-  background-color: var(--color-background-critical-default);
-}
-.mt-email-field__input[data-v-c043a5b7] {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background-color: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-  outline: none;
-
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-  font-weight: var(--font-weight-regular);
-  color: var(--color-text-primary-default);
-  padding-inline: var(--scale-size-16);
-  height: 100%;
-  width: 100%;
-}
-.mt-email-field__copy-button {
-&[data-v-c043a5b7] {
-  position: absolute;
-  display: grid;
-  place-items: center;
-  right: var(--scale-size-8);
-  top: 50%;
-  transform: translate(0, -50%);
-  padding: var(--scale-size-8);
-  border-radius: var(--border-radius-button);
-  transition: background-color 0.15s ease-out;
-  }
-&[data-v-c043a5b7]:is(:hover, :focus-visible) {
-    background-color: var(--color-interaction-secondary-hover);
-}
-&[data-v-c043a5b7]:focus-visible {
-    outline: 2px solid var(--color-border-brand-default);
-}
-}
-.mt-email-field__hint[data-v-c043a5b7] {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-xs);
-  line-height: var(--font-line-height-xs);
-  color: var(--color-text-secondary-default);
-  margin-top: 0.1875rem;
-}
-.mt-email-field__block--small[data-v-c043a5b7] {
-  min-height: var(--scale-size-32);
-}
+.mt-email-field[data-v-21c2f7bb]{display:grid;grid-template-areas:"label help-text" "input input" "error error" "hint hint";grid-template-columns:1fr auto;margin-bottom:var(--scale-size-32)}.mt-email-field--future-no-default-margin[data-v-21c2f7bb]{margin-bottom:0}.mt-email-field__block[data-v-21c2f7bb]{--mt-email-field-border-radius: var(--border-radius-xs);position:relative;display:flex;align-items:center;border:1px solid var(--color-border-primary-default);border-radius:var(--mt-email-field-border-radius);background-color:var(--color-background-primary-default);min-height:var(--scale-size-40);height:1px}.mt-email-field__block[data-v-21c2f7bb] ::placeholder{color:var(--color-text-secondary-default)}.mt-email-field__block:not(.mt-email-field__block--error)[data-v-21c2f7bb]:has(.mt-email-field__input:focus-visible){outline:var(--scale-size-2) solid var(--color-border-brand-default);outline-offset:var(--scale-size-2)}.mt-email-field__block:has(.mt-email-field__input:disabled)[data-v-21c2f7bb]{background-color:var(--color-background-tertiary-default)}.mt-email-field__block:has(.mt-email-field__input:disabled)[data-v-21c2f7bb] ::placeholder{color:var(--color-text-secondary-disabled)}.mt-email-field__block--error[data-v-21c2f7bb]{border-color:var(--color-border-critical-default);background-color:var(--color-background-critical-default)}.mt-email-field__input[data-v-21c2f7bb]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0;margin:0;box-sizing:border-box;outline:none;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);font-weight:var(--font-weight-regular);color:var(--color-text-primary-default);padding-inline:var(--scale-size-16);height:100%;width:100%}.mt-email-field__copy-button[data-v-21c2f7bb]{position:absolute;display:grid;place-items:center;right:var(--scale-size-8);top:50%;transform:translateY(-50%);padding:var(--scale-size-8);border-radius:var(--border-radius-button);transition:background-color .15s ease-out}.mt-email-field__copy-button[data-v-21c2f7bb]:is(:hover,:focus-visible){background-color:var(--color-interaction-secondary-hover)}.mt-email-field__copy-button[data-v-21c2f7bb]:focus-visible{outline:2px solid var(--color-border-brand-default)}.mt-email-field__hint[data-v-21c2f7bb]{font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--font-line-height-xs);color:var(--color-text-secondary-default);margin-top:.1875rem}.mt-email-field__block--small[data-v-21c2f7bb]{min-height:var(--scale-size-32)}