@nextcloud/vue 9.0.0-rc.4 → 9.0.0-rc.6

package/dist/assets/{NcDateTimePicker-_rRYVngX.css → NcDateTimePicker-D76SV5EC.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-5223cded] {
+.material-design-icon[data-v-27474da0] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] {
+.vue-date-time-picker__wrapper[data-v-27474da0] {
   --dp-common-transition: all var(--animation-quick) ease-in;
   --dp-menu-padding: 6px 8px;
   --dp-animation-duration: var(--animation-quick);
@@ -37,7 +37,7 @@
   --dp-cell-padding: 5px;
   --dp-common-padding: 10px;
   --dp-input-icon-padding: var(--default-clickable-area);
-  --dp-input-padding: 6px 30px 6px 12px;
+  --dp-input-padding: 6px 12px;
   --dp-menu-min-width: 260px;
   --dp-action-buttons-padding: 1px 6px;
   --dp-row-margin: 5px 0;
@@ -52,32 +52,32 @@
   --dp-action-row-padding: 8px;
   --dp-direction: ltr;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  {
+.vue-date-time-picker__wrapper[data-v-27474da0]  {
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_wrap {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_wrap {
   position: relative;
   width: 100%;
   box-sizing: unset;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_wrap:focus {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_wrap:focus {
   border-color: var(--dp-border-color-hover);
   outline: none;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_valid {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_valid {
   box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
   border-color: var(--dp-success-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_valid:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_valid:hover {
   border-color: var(--dp-success-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_invalid {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_invalid {
   box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
   border-color: var(--dp-danger-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_invalid:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_invalid:hover {
   border-color: var(--dp-danger-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input {
   background-color: var(--dp-background-color);
   border-radius: var(--dp-border-radius);
   font-family: var(--dp-font-family);
@@ -91,25 +91,25 @@
   color: var(--dp-text-color);
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input::placeholder {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input::placeholder {
   opacity: 0.7;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input:hover:not(.dp__input_focus) {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input:hover:not(.dp__input_focus) {
   border-color: var(--dp-border-color-hover);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_reg {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_reg {
   caret-color: rgba(0, 0, 0, 0);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_focus {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_focus {
   border-color: var(--dp-border-color-focus);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__disabled {
   background: var(--dp-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__disabled::placeholder {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__disabled::placeholder {
   color: var(--dp-disabled-color-text);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_icons {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_icons {
   display: inline-block;
   width: var(--dp-font-size);
   height: var(--dp-font-size);
@@ -120,7 +120,7 @@
   color: var(--dp-icon-color);
   box-sizing: content-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_icon {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_icon {
   cursor: pointer;
   position: absolute;
   top: 50%;
@@ -128,7 +128,7 @@
   transform: translateY(-50%);
   color: var(--dp-icon-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--clear-btn {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--clear-btn {
   position: absolute;
   top: 50%;
   inset-inline-end: 0;
@@ -142,10 +142,10 @@
   padding: 0;
   margin: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__input_icon_pad {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__input_icon_pad {
   padding-inline-start: var(--dp-input-icon-padding);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu {
   background: var(--dp-background-color);
   border-radius: var(--dp-border-radius);
   min-width: var(--dp-menu-min-width);
@@ -155,54 +155,54 @@
   border: 1px solid var(--dp-menu-border-color);
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu::after {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu::after {
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu::before {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu::before {
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu:focus {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu:focus {
   border: 1px solid var(--dp-menu-border-color);
   outline: none;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--menu-wrapper {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--menu-wrapper {
   position: absolute;
   z-index: 99999;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_inner {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_inner {
   padding: var(--dp-menu-padding);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--menu--inner-stretched {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--menu--inner-stretched {
   padding: 6px 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_index {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_index {
   z-index: 99999;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-loading, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_readonly, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-loading, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_readonly, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_disabled {
   position: absolute;
   inset: 0;
   z-index: 999999;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_disabled {
   background: hsla(0, 0%, 100%, 0.5);
   cursor: not-allowed;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_readonly {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_readonly {
   background: rgba(0, 0, 0, 0);
   cursor: default;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-loading {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-loading {
   background: hsla(0, 0%, 100%, 0.5);
   cursor: default;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--menu-load-container {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--menu-load-container {
   display: flex;
   height: 100%;
   width: 100%;
   justify-content: center;
   align-items: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--menu-loader {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--menu-loader {
   width: 48px;
   height: 48px;
   border: var(--dp-loader);
@@ -210,10 +210,10 @@
   border-radius: 50%;
   display: inline-block;
   box-sizing: border-box;
-  animation: dp-load-rotation-5223cded 1s linear infinite;
+  animation: dp-load-rotation-27474da0 1s linear infinite;
   position: absolute;
 }
-@keyframes dp-load-rotation-5223cded {
+@keyframes dp-load-rotation-27474da0 {
 0% {
     transform: rotate(0deg);
 }
@@ -221,7 +221,7 @@
     transform: rotate(360deg);
 }
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__arrow_top {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__arrow_top {
   left: var(--dp-arrow-left);
   top: 0;
   height: 12px;
@@ -232,7 +232,7 @@
   border-top: 1px solid var(--dp-menu-border-color);
   transform: translate(-50%, -50%) rotate(-45deg);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__arrow_bottom {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__arrow_bottom {
   left: var(--dp-arrow-left);
   bottom: 0;
   height: 12px;
@@ -243,37 +243,37 @@
   border-bottom: 1px solid var(--dp-menu-border-color);
   transform: translate(-50%, 50%) rotate(45deg);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_extra {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_extra {
   text-align: center;
   padding: 2px 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-dates {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-dates {
   padding: 5px;
   border-inline-end: 1px solid var(--dp-border-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-dates[data-dp-mobile] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-dates-collapsed {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__sidebar_left {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__sidebar_left {
   padding: 5px;
   border-inline-end: 1px solid var(--dp-border-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__sidebar_right {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__sidebar_right {
   padding: 5px;
   margin-inline-end: 1px solid var(--dp-border-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range {
   display: block;
   width: 100%;
   padding: 5px;
@@ -283,41 +283,41 @@
   border-radius: var(--dp-border-radius);
   transition: var(--dp-common-transition);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range:hover {
   background-color: var(--dp-hover-color);
   color: var(--dp-hover-text-color);
   cursor: pointer;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range[data-dp-mobile] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range[data-dp-mobile] {
   border: 1px solid var(--dp-border-color);
   margin: 0 3px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range[data-dp-mobile]:first-child {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range[data-dp-mobile]:first-child {
   margin-left: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range[data-dp-mobile]:last-child {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range[data-dp-mobile]:last-child {
   margin-right: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range-collapsed {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range-collapsed {
   border: 1px solid var(--dp-border-color);
   margin: 0 3px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range-collapsed:first-child {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range-collapsed:first-child {
   margin-left: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--preset-range-collapsed:last-child {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--preset-range-collapsed:last-child {
   margin-right: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_content_wrapper {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_content_wrapper {
   display: flex;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__menu_content_wrapper[data-dp-mobile] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__menu_content_wrapper[data-dp-mobile] {
   flex-direction: column-reverse;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--menu-content-wrapper-collapsed {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--menu-content-wrapper-collapsed {
   flex-direction: column-reverse;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar_header {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar_header {
   position: relative;
   display: flex;
   justify-content: center;
@@ -326,7 +326,7 @@
   white-space: nowrap;
   font-weight: bold;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar_header_item {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar_header_item {
   text-align: center;
   flex-grow: 1;
   height: var(--dp-cell-size);
@@ -334,26 +334,26 @@
   width: var(--dp-cell-size);
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar_row {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar_row {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: var(--dp-row-margin);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar_item {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar_item {
   text-align: center;
   flex-grow: 1;
   box-sizing: border-box;
   color: var(--dp-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar {
   position: relative;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar_header_cell {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar_header_cell {
   border-bottom: thin solid var(--dp-border-color);
   padding: var(--dp-calendar-header-cell-padding);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_inner {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_inner {
   display: flex;
   align-items: center;
   text-align: center;
@@ -366,96 +366,96 @@
   box-sizing: border-box;
   position: relative;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_inner:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_inner:hover {
   transition: all 0.2s;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_auto_range_start, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__range_start {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_auto_range_start, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__range_start {
   border-end-end-radius: 0;
   border-start-end-radius: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_auto_range_end, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__range_end {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_auto_range_end, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__range_end {
   border-end-start-radius: 0;
   border-start-start-radius: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__range_end, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__range_start, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__active_date {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__range_end, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__range_start, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__active_date {
   background: var(--dp-primary-color);
   color: var(--dp-primary-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__date_hover:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__date_hover:hover {
   background: var(--dp-hover-color);
   color: var(--dp-hover-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_offset {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_offset {
   color: var(--dp-secondary-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_disabled {
   color: var(--dp-secondary-color);
   cursor: not-allowed;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__range_between {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__range_between_week {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__today {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__today {
   border: 1px solid var(--dp-primary-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__week_num {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__week_num {
   color: var(--dp-secondary-color);
   text-align: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_auto_range {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_auto_range {
   border-radius: 0;
   border-top: 1px dashed var(--dp-primary-color);
   border-bottom: 1px dashed var(--dp-primary-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_auto_range_start {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_auto_range_end {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar_header_separator {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar_header_separator {
   width: 100%;
   height: 1px;
   background: var(--dp-border-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__calendar_next {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__calendar_next {
   margin-inline-start: var(--dp-multi-calendars-spacing);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__marker_line, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__marker_dot {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__marker_line, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__marker_dot {
   height: 5px;
   background-color: var(--dp-marker-color);
   position: absolute;
   bottom: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__marker_dot {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__marker_dot {
   width: 5px;
   border-radius: 50%;
   left: 50%;
   transform: translateX(-50%);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__marker_line {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__marker_line {
   width: 100%;
   left: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__marker_tooltip {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__marker_tooltip {
   position: absolute;
   border-radius: var(--dp-border-radius);
   background-color: var(--dp-tooltip-color);
@@ -465,16 +465,16 @@
   box-sizing: border-box;
   cursor: default;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tooltip_content {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__tooltip_content {
   white-space: nowrap;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tooltip_text {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__tooltip_text {
   display: flex;
   align-items: center;
   flex-flow: row nowrap;
   color: var(--dp-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tooltip_mark {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__tooltip_mark {
   height: 5px;
   width: 5px;
   border-radius: 50%;
@@ -482,7 +482,7 @@
   color: var(--dp-text-color);
   margin-inline-end: 5px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__arrow_bottom_tp {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__arrow_bottom_tp {
   bottom: 0;
   height: 8px;
   width: 8px;
@@ -492,27 +492,27 @@
   border-bottom: 1px solid var(--dp-border-color);
   transform: translate(-50%, 50%) rotate(45deg);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__instance_calendar {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__instance_calendar {
   position: relative;
   width: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__flex_display[data-dp-mobile] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__flex_display[data-dp-mobile] {
   flex-direction: column;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--flex-display-collapsed {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--flex-display-collapsed {
   flex-direction: column;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_highlight {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_highlight {
   background-color: var(--dp-highlight-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__month_year_row {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inner_nav {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inner_nav {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -523,23 +523,23 @@
   text-align: center;
   border-radius: 50%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inner_nav svg {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inner_nav svg {
   height: var(--dp-button-icon-height);
   width: var(--dp-button-icon-height);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inner_nav:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inner_nav:hover {
   background: var(--dp-hover-color);
   color: var(--dp-hover-icon-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  [dir=rtl] .dp__inner_nav {
+.vue-date-time-picker__wrapper[data-v-27474da0]  [dir=rtl] .dp__inner_nav {
   transform: rotate(180deg);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inner_nav_disabled:hover, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inner_nav_disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inner_nav_disabled:hover, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inner_nav_disabled {
   background: var(--dp-disabled-color);
   color: var(--dp-disabled-color-text);
   cursor: not-allowed;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--year-select, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__month_year_select {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--year-select, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__month_year_select {
   text-align: center;
   cursor: pointer;
   height: var(--dp-month-year-row-height);
@@ -550,31 +550,31 @@
   box-sizing: border-box;
   color: var(--dp-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--year-select:hover, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__month_year_select:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--year-select:hover, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__month_year_select:hover {
   background: var(--dp-hover-color);
   color: var(--dp-hover-text-color);
   transition: var(--dp-common-transition);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__month_year_select {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__month_year_select {
   width: 50%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--year-select {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--year-select {
   width: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__month_year_wrap {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__month_year_wrap {
   display: flex;
   flex-direction: row;
   width: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__year_disable_select {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__year_disable_select {
   justify-content: space-around;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--header-wrap {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--header-wrap {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay {
   width: 100%;
   background: var(--dp-background-color);
   transition: opacity 1s ease-out;
@@ -583,46 +583,46 @@
   color: var(--dp-text-color);
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--overlay-absolute {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--overlay-absolute {
   position: absolute;
   height: 100%;
   top: 0;
   left: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--overlay-relative {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--overlay-relative {
   position: relative;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_container::-webkit-scrollbar-track {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_container::-webkit-scrollbar-track {
   box-shadow: var(--dp-scroll-bar-background);
   background-color: var(--dp-scroll-bar-background);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_container::-webkit-scrollbar {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_container::-webkit-scrollbar {
   width: 5px;
   background-color: var(--dp-scroll-bar-background);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_container::-webkit-scrollbar-thumb {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_container::-webkit-scrollbar-thumb {
   background-color: var(--dp-scroll-bar-color);
   border-radius: 10px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay:focus {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay:focus {
   border: none;
   outline: none;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__container_flex {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__container_flex {
   display: flex;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__container_block {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__container_block {
   display: block;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_container {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_container {
   flex-direction: column;
   overflow-y: auto;
   height: var(--dp-overlay-height);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_picker_overlay_container {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_picker_overlay_container {
   height: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_row {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_row {
   padding: 0;
   box-sizing: border-box;
   display: flex;
@@ -632,77 +632,77 @@
   width: 100%;
   align-items: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__flex_row {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__flex_row {
   flex: 1;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_col {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_col {
   box-sizing: border-box;
   width: 33%;
   padding: var(--dp-overlay-col-padding);
   white-space: nowrap;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell_pad {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_cell_pad {
   padding: var(--dp-common-padding) 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell_active {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_cell {
   cursor: pointer;
   border-radius: var(--dp-border-radius);
   text-align: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_cell:hover {
   background: var(--dp-hover-color);
   color: var(--dp-hover-text-color);
   transition: var(--dp-common-transition);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__cell_in_between {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__cell_in_between {
   background: var(--dp-hover-color);
   color: var(--dp-hover-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__over_action_scroll {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__over_action_scroll {
   right: 5px;
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell_disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_cell_disabled {
   cursor: not-allowed;
   background: var(--dp-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell_disabled:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_cell_disabled:hover {
   background: var(--dp-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell_active_disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_cell_active_disabled {
   cursor: not-allowed;
   background: var(--dp-primary-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__overlay_cell_active_disabled:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__overlay_cell_active_disabled:hover {
   background: var(--dp-primary-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__btn, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp--time-overlay-btn, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp--time-invalid {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__btn, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp--qr-btn, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp--time-overlay-btn, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp--time-invalid {
   border: none;
   font: inherit;
   transition: var(--dp-common-transition);
   line-height: normal;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--year-mode-picker {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--year-mode-picker {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
   height: var(--dp-cell-size);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--tp-wrap {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--tp-wrap {
   max-width: var(--dp-menu-min-width);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--tp-wrap[data-dp-mobile] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--tp-wrap[data-dp-mobile] {
   max-width: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_input {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_input {
   width: 100%;
   display: flex;
   align-items: center;
@@ -711,49 +711,49 @@
   font-family: var(--dp-font-family);
   color: var(--dp-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_reg_block {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_reg_block {
   padding: 0 20px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_reg_inline {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_reg_inline {
   padding: 0 10px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_reg_with_button {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_reg_with_button {
   padding: 0 15px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_reg_with_button[data-compact~=true] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_reg_with_button[data-compact~=true] {
   padding: 0 5px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_sec {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_sec {
   padding: 0 10px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_sec_with_button {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_sec_with_button {
   padding: 0 5px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_sec_with_button[data-collapsed~=true] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_sec_with_button[data-collapsed~=true] {
   padding: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_col_block {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_col_block {
   font-size: var(--dp-time-font-size);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_display_block {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_display_block {
   padding: 0 3px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_display_inline {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_display_inline {
   padding: 5px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_picker_inline_container {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_picker_inline_container {
   display: flex;
   width: 100%;
   justify-content: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inc_dec_button {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inc_dec_button {
   padding: 5px;
   margin: 0;
   height: var(--dp-time-inc-dec-button-size);
@@ -766,15 +766,15 @@
   color: var(--dp-icon-color);
   box-sizing: border-box;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inc_dec_button svg {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inc_dec_button svg {
   height: var(--dp-time-inc-dec-button-size);
   width: var(--dp-time-inc-dec-button-size);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inc_dec_button:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inc_dec_button:hover {
   background: var(--dp-hover-color);
   color: var(--dp-primary-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_display {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_display {
   cursor: pointer;
   color: var(--dp-text-color);
   border-radius: var(--dp-border-radius);
@@ -782,11 +782,11 @@
   align-items: center;
   justify-content: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__time_display:hover:enabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__time_display:hover:enabled {
   background: var(--dp-hover-color);
   color: var(--dp-hover-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inc_dec_button_inline {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inc_dec_button_inline {
   width: 100%;
   padding: 0;
   height: 8px;
@@ -794,12 +794,12 @@
   display: flex;
   align-items: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inc_dec_button_disabled, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp__inc_dec_button_disabled:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inc_dec_button_disabled, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp__inc_dec_button_disabled:hover {
   background: var(--dp-disabled-color);
   color: var(--dp-disabled-color-text);
   cursor: not-allowed;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__pm_am_button {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__pm_am_button {
   background: var(--dp-primary-color);
   color: var(--dp-primary-text-color);
   border: none;
@@ -807,39 +807,39 @@
   border-radius: var(--dp-border-radius);
   cursor: pointer;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__pm_am_button[data-compact~=true] {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__pm_am_button[data-compact~=true] {
   padding: 7px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tp_inline_btn_bar {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__tp_inline_btn_bar {
   width: 100%;
   height: 4px;
   background-color: var(--dp-secondary-color);
   transition: var(--dp-common-transition);
   border-collapse: collapse;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--time-overlay-btn {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--time-overlay-btn {
   background: none;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--time-invalid {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--time-invalid {
   background-color: var(--dp-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_row {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_row {
   display: flex;
   align-items: center;
   width: 100%;
@@ -848,11 +848,11 @@
   color: var(--dp-text-color);
   flex-flow: row nowrap;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_row svg {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_row svg {
   height: var(--dp-button-icon-height);
   width: auto;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__selection_preview {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__selection_preview {
   display: block;
   color: var(--dp-text-color);
   font-size: var(--dp-preview-font-size);
@@ -860,7 +860,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_buttons {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_buttons {
   display: flex;
   flex: 0;
   white-space: nowrap;
@@ -868,7 +868,7 @@
   justify-content: flex-end;
   margin-inline-start: auto;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_button {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_button {
   display: inline-flex;
   align-items: center;
   background: rgba(0, 0, 0, 0);
@@ -882,52 +882,52 @@
   font-size: var(--dp-preview-font-size);
   font-family: var(--dp-font-family);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_cancel {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_cancel {
   color: var(--dp-text-color);
   border: 1px solid var(--dp-border-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_cancel:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_cancel:hover {
   border-color: var(--dp-primary-color);
   transition: var(--dp-action-row-transtion);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_buttons .dp__action_select {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_buttons .dp__action_select {
   background: var(--dp-primary-color);
   color: var(--dp-primary-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_buttons .dp__action_select:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_buttons .dp__action_select:hover {
   background: var(--dp-primary-color);
   transition: var(--dp-action-row-transtion);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__action_buttons .dp__action_select:disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__action_buttons .dp__action_select:disabled {
   background: var(--dp-primary-disabled-color);
   cursor: not-allowed;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp-quarter-picker-wrap {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp-quarter-picker-wrap {
   display: flex;
   flex-direction: column;
   height: 100%;
   min-width: var(--dp-menu-min-width);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn-disabled {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--qr-btn-disabled {
   cursor: not-allowed;
   background: var(--dp-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn-disabled:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--qr-btn-disabled:hover {
   background: var(--dp-disabled-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--qr-btn {
   width: 100%;
   padding: var(--dp-common-padding);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
   background: none;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .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);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--quarter-items {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--quarter-items {
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -935,15 +935,15 @@
   height: 100%;
   justify-content: space-evenly;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn-active {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--qr-btn-active {
   background: var(--dp-primary-color);
   color: var(--dp-primary-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--qr-btn-between {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--qr-btn-between {
   background: var(--dp-hover-color);
   color: var(--dp-hover-text-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  :root {
+.vue-date-time-picker__wrapper[data-v-27474da0]  :root {
   --dp-common-transition: all 0.1s ease-in;
   --dp-menu-padding: 6px 8px;
   --dp-animation-duration: 0.1s;
@@ -979,7 +979,7 @@
   --dp-action-row-padding: 8px;
   --dp-direction: ltr;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__theme_dark {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__theme_dark {
   --dp-background-color: #212121;
   --dp-text-color: #fff;
   --dp-hover-color: #484848;
@@ -1009,7 +1009,7 @@
   --dp-range-between-border-color: var(--dp-hover-color, #fff);
   --dp-loader: 5px solid #005cb2;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__theme_light {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__theme_light {
   --dp-background-color: #fff;
   --dp-text-color: #212121;
   --dp-hover-color: #f3f3f3;
@@ -1039,31 +1039,31 @@
   --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
   --dp-loader: 5px solid #1976d2;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__flex {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__flex {
   display: flex;
   align-items: center;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__btn {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__btn {
   background: none;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__main {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__main {
   font-family: var(--dp-font-family);
   user-select: none;
   box-sizing: border-box;
   position: relative;
   width: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__main * {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__main * {
   direction: var(--dp-direction, ltr);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__pointer {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__pointer {
   cursor: pointer;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__icon {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__icon {
   stroke: currentcolor;
   fill: currentcolor;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__button {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__button {
   width: 100%;
   text-align: center;
   color: var(--dp-icon-color);
@@ -1075,132 +1075,135 @@
   box-sizing: border-box;
   height: var(--dp-button-height);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__button.dp__overlay_action {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__button.dp__overlay_action {
   position: absolute;
   bottom: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__button:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__button:hover {
   background: var(--dp-hover-color);
   color: var(--dp-hover-icon-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__button svg {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__button svg {
   height: var(--dp-button-icon-height);
   width: auto;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__button_bottom {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__button_bottom {
   border-bottom-left-radius: var(--dp-border-radius);
   border-bottom-right-radius: var(--dp-border-radius);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__flex_display {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__flex_display {
   display: flex;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__flex_display_with_input {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__flex_display_with_input {
   flex-direction: column;
   align-items: flex-start;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp__relative {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp__relative {
   position: relative;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-next-enter-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-next-leave-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-prev-enter-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-prev-leave-active {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-next-enter-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-next-leave-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-prev-enter-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-prev-leave-active {
   transition: all var(--dp-transition-timing-general) ease-out;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-next-enter-from {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-next-enter-from {
   opacity: 0;
   transform: translateX(var(--dp-transition-length));
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-next-leave-to {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-next-leave-to {
   opacity: 0;
   transform: translateX(calc(var(--dp-transition-length) * -1));
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-prev-enter-from {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-prev-enter-from {
   opacity: 0;
   transform: translateX(calc(var(--dp-transition-length) * -1));
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .calendar-prev-leave-to {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .calendar-prev-leave-to {
   opacity: 0;
   transform: translateX(var(--dp-transition-length));
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-bottom-enter-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-bottom-leave-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-top-enter-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-top-leave-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-up-enter-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-up-leave-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-down-enter-active, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-down-leave-active {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-bottom-enter-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-bottom-leave-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-top-enter-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-top-leave-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-up-enter-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-up-leave-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-down-enter-active, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-down-leave-active {
   transition: all var(--dp-animation-duration) var(--dp-transition-timing);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-top-enter-from, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-top-leave-to, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-down-leave-to, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-up-enter-from {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-top-enter-from, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-top-leave-to, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-down-leave-to, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-up-enter-from {
   opacity: 0;
   transform: translateY(var(--dp-transition-length));
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-bottom-enter-from, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-menu-appear-bottom-leave-to, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-down-enter-from, .vue-date-time-picker__wrapper[data-v-5223cded]  .dp-slide-up-leave-to {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-bottom-enter-from, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-menu-appear-bottom-leave-to, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-down-enter-from, .vue-date-time-picker__wrapper[data-v-27474da0]  .dp-slide-up-leave-to {
   opacity: 0;
   transform: translateY(calc(var(--dp-transition-length) * -1));
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--arrow-btn-nav {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--arrow-btn-nav {
   transition: var(--dp-common-transition);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--highlighted {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--highlighted {
   background-color: var(--dp-highlight-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded]  .dp--hidden-el {
+.vue-date-time-picker__wrapper[data-v-27474da0]  .dp--hidden-el {
   visibility: hidden;
 }
-.vue-date-time-picker__wrapper .vue-date-time-picker__timezone[data-v-5223cded] {
+.vue-date-time-picker__wrapper .vue-date-time-picker--clearable[data-v-27474da0] .dp__input {
+  padding-inline-end: var(--default-clickable-area);
+}
+.vue-date-time-picker__wrapper .vue-date-time-picker__timezone[data-v-27474da0] {
   min-width: unset;
   width: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .icon-vue {
+.vue-date-time-picker__wrapper[data-v-27474da0] .icon-vue {
   opacity: 1 !important;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp--tp-wrap,
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__action_extra {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp--tp-wrap,
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__action_extra {
   padding: var(--dp-menu-padding);
   padding-top: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__overlay.dp--overlay-absolute {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__overlay.dp--overlay-absolute {
   padding: var(--dp-menu-padding);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__overlay.dp--overlay-absolute .dp__btn.dp__button.dp__button_bottom {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__overlay.dp--overlay-absolute .dp__btn.dp__button.dp__button_bottom {
   inset-block-end: 6px;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__btn.dp__button.dp__button_bottom,
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp--tp-wrap .dp__button {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__btn.dp__button.dp__button_bottom,
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp--tp-wrap .dp__button {
   width: 100%;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__btn.dp__button.dp__overlay_action {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__btn.dp__button.dp__overlay_action {
   width: calc(100% - 16px);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] input {
+.vue-date-time-picker__wrapper[data-v-27474da0] input {
   padding-inline-start: var(--dp-input-icon-padding) !important;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__btn {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__btn {
   margin: 0;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__inner_nav {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__inner_nav {
   height: fit-content;
   width: fit-content;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__btn.dp__button.dp__button_bottom {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__btn.dp__button.dp__button_bottom {
   color: var(--color-primary-element-light);
   background-color: var(--color-primary-element-light);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp--header-wrap .dp__btn:not(.dp__button_bottom),
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__time_col .dp__btn {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp--header-wrap .dp__btn:not(.dp__button_bottom),
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__time_col .dp__btn {
   background-color: var(--color-main-background);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp--header-wrap .dp__btn:not(.dp__button_bottom):hover,
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__time_col .dp__btn:hover {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp--header-wrap .dp__btn:not(.dp__button_bottom):hover,
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__time_col .dp__btn:hover {
   background: var(--dp-hover-color);
   color: var(--dp-hover-icon-color);
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__month_year_select {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__month_year_select {
   flex: 1;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp--time-overlay-btn {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp--time-overlay-btn {
   font-size: calc(2 * var(--default-font-size)) !important;
 }
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__time_input .dp__time_col_reg_block {
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__time_input .dp__time_col_reg_block {
   padding: 0 calc(4 * var(--default-grid-baseline));
 }
-.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_dark[data-v-5223cded],
-.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_light[data-v-5223cded],
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__theme_dark,
-.vue-date-time-picker__wrapper[data-v-5223cded] .dp__theme_light {
+.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_dark[data-v-27474da0],
+.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_light[data-v-27474da0],
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__theme_dark,
+.vue-date-time-picker__wrapper[data-v-27474da0] .dp__theme_light {
   --dp-background-color: var(--color-main-background);
   --dp-text-color: var(--color-main-text);
   --dp-hover-color: var(--color-primary-element-light-hover);
@@ -1222,7 +1225,7 @@
   --dp-success-color-disabled: var(--color-success-hover);
   --dp-icon-color: var(--color-main-text);
   --dp-danger-color: var(--color-error);
-  --dp-marker-color: var(--color-error);
+  --dp-marker-color: var(--color-text-error, var(--color-error));
   --dp-tooltip-color: var(--color-main-text);
   --dp-highlight-color: var(--color-main-text);
 }