@mantine-vue/dates 2.3.0 → 2.4.0

package/styles.css

@@ -1,22 +1,22 @@
-._calendar_5kwje_1 {
+._calendar_zystn_1 {
   display: flex;
   gap: var(--mantine-spacing-md);
   width: max-content;
 }
 
-._calendar_5kwje_1[data-full-width] {
+._calendar_zystn_1[data-full-width] {
   width: 100%;
 }
 
-._calendar_5kwje_1[data-full-width] > * {
+._calendar_zystn_1[data-full-width] > * {
   flex: 1;
 }
 
-._calendarLevel_5kwje_15 {
+._calendarLevel_zystn_15 {
   min-width: 16.25rem;
 }
 
-._calendarHeader_5kwje_19 {
+._calendarHeader_zystn_19 {
   --dch-control-size: 2.25rem;
 
   display: flex;
@@ -24,13 +24,13 @@
   margin-bottom: var(--mantine-spacing-xs);
 }
 
-._calendarHeader_5kwje_19[data-full-width] {
+._calendarHeader_zystn_19[data-full-width] {
   max-width: none;
   width: 100%;
 }
 
-._calendarHeaderLevel_5kwje_32,
-._calendarHeaderControl_5kwje_33 {
+._calendarHeaderLevel_zystn_32,
+._calendarHeaderControl_zystn_33 {
   height: var(--dch-control-size);
   border-radius: var(--mantine-radius-default);
   display: flex;
@@ -42,72 +42,107 @@
   color: var(--mantine-color-text);
 }
 
-._calendarHeaderLevel_5kwje_32[data-static],
-._calendarHeaderControl_5kwje_33[data-static] {
+._calendarHeaderLevel_zystn_32[data-static],
+._calendarHeaderControl_zystn_33[data-static] {
   cursor: default;
 }
 
-._calendarHeaderLevel_5kwje_32:not(:disabled):not([data-disabled]):not([data-static]):hover,
-._calendarHeaderControl_5kwje_33:not(:disabled):not([data-disabled]):not([data-static]):hover {
+._calendarHeaderLevel_zystn_32:not(:disabled):not([data-disabled]):not([data-static]):hover,
+._calendarHeaderControl_zystn_33:not(:disabled):not([data-disabled]):not([data-static]):hover {
   background-color: var(--mantine-color-gray-light-hover);
 }
 
-._calendarHeaderLevel_5kwje_32:disabled,
-._calendarHeaderLevel_5kwje_32[data-disabled],
-._calendarHeaderControl_5kwje_33:disabled,
-._calendarHeaderControl_5kwje_33[data-disabled] {
+._calendarHeaderLevel_zystn_32:disabled,
+._calendarHeaderLevel_zystn_32[data-disabled],
+._calendarHeaderControl_zystn_33:disabled,
+._calendarHeaderControl_zystn_33[data-disabled] {
   opacity: 0.2;
   cursor: not-allowed;
 }
 
-._calendarHeaderControl_5kwje_33 {
+._calendarHeaderControl_zystn_33 {
   width: var(--dch-control-size);
 }
 
-._calendarHeaderLevel_5kwje_32 {
+._calendarHeaderLevel_zystn_32 {
   flex: 1;
   font-size: var(--mantine-font-size-sm);
   font-weight: 500;
   text-transform: capitalize;
 }
 
-._calendarHeaderControlIcon_5kwje_74 {
+._calendarHeaderLevel_zystn_32[data-native-level-select] {
+  cursor: default;
+  gap: var(--mantine-spacing-md);
+}
+
+._calendarHeaderSelect_zystn_79 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  font-size: inherit;
+  font-weight: var(--mantine-font-weight-medium);
+  text-transform: capitalize;
+  color: inherit;
+  font-family: inherit;
+  cursor: pointer;
+  padding: 0 calc(1rem * var(--mantine-scale)) 0 0;
+  line-height: var(--dch-control-size);
+  height: var(--dch-control-size);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M4.9 5.4 7.5 2.8l2.6 2.6M10.1 9.6 7.5 12.2 4.9 9.6' stroke='currentColor'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-size: calc(0.875rem * var(--mantine-scale)) calc(0.875rem * var(--mantine-scale));
+}
+
+._calendarHeaderSelect_zystn_79:focus-visible {
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+    border-radius: var(--mantine-radius-sm);
+  }
+
+._calendarHeaderSelect_zystn_79:disabled {
+    cursor: not-allowed;
+    color: var(--mantine-color-dimmed);
+  }
+
+._calendarHeaderControlIcon_zystn_109 {
   width: 45%;
   height: 45%;
 }
 
-._calendarHeaderControlIcon_5kwje_74[data-direction='next'] {
+._calendarHeaderControlIcon_zystn_109[data-direction='next'] {
   transform: rotate(270deg);
 }
 
-._calendarHeaderControlIcon_5kwje_74[data-direction='previous'] {
+._calendarHeaderControlIcon_zystn_109[data-direction='previous'] {
   transform: rotate(90deg);
 }
 
-._month_5kwje_87 {
+._month_zystn_122 {
   table-layout: fixed;
   border-collapse: separate;
   border-spacing: 0;
 }
 
-._month_5kwje_87[data-full-width] {
+._month_zystn_122[data-full-width] {
   width: 100%;
 }
 
-._monthRow_5kwje_97 {
+._monthRow_zystn_132 {
   border: 0;
 }
 
-._monthCell_5kwje_101 {
+._monthCell_zystn_136 {
   padding: 0;
   text-align: center;
 }
 
-._monthCell_5kwje_101[data-with-spacing] {
+._monthCell_zystn_136[data-with-spacing] {
   padding: 0.125rem;
 }
 
-._weekday_5kwje_110 {
+._weekday_zystn_145 {
   height: 1.75rem;
   color: var(--mantine-color-dimmed);
   font-size: var(--mantine-font-size-xs);
@@ -115,17 +150,17 @@
   text-align: center;
 }
 
-._weekday_5kwje_110[data-weekend] {
+._weekday_zystn_145[data-weekend] {
   color: var(--mantine-color-red-filled);
 }
 
-._weekNumber_5kwje_122 {
+._weekNumber_zystn_157 {
   color: var(--mantine-color-dimmed);
   font-size: var(--mantine-font-size-xs);
   text-align: center;
 }
 
-._day_5kwje_128 {
+._day_zystn_163 {
   --day-size: 2.25rem;
   position: relative;
   display: inline-flex;
@@ -140,63 +175,63 @@
   user-select: none;
 }
 
-._day_5kwje_128[data-full-width] {
+._day_zystn_163[data-full-width] {
   width: 100%;
   height: auto;
   min-height: var(--day-size);
   aspect-ratio: 1;
 }
 
-._day_5kwje_128:not(:disabled):not([data-static]):not([data-selected]):not([data-in-range]):hover {
+._day_zystn_163:not(:disabled):not([data-static]):not([data-selected]):not([data-in-range]):hover {
   background-color: var(--mantine-color-gray-light-hover);
 }
 
-._day_5kwje_128[data-outside] {
+._day_zystn_163[data-outside] {
   color: var(--mantine-color-dimmed);
   opacity: 0.65;
 }
 
-._day_5kwje_128[data-weekend] {
+._day_zystn_163[data-weekend] {
   color: var(--mantine-color-red-filled);
 }
 
-._day_5kwje_128[data-today][data-highlight-today] {
+._day_zystn_163[data-today][data-highlight-today] {
   border: 1px solid var(--mantine-primary-color-filled);
 }
 
-._day_5kwje_128[data-in-range] {
+._day_zystn_163[data-in-range] {
   background-color: var(--mantine-primary-color-light);
   color: var(--mantine-primary-color-light-color);
   border-radius: 0;
 }
 
-._day_5kwje_128[data-in-range]:not(:disabled):not([data-static]):hover {
+._day_zystn_163[data-in-range]:not(:disabled):not([data-static]):hover {
   background-color: var(--mantine-primary-color-light);
 }
 
-._day_5kwje_128[data-selected],
-._day_5kwje_128[data-first-in-range],
-._day_5kwje_128[data-last-in-range] {
+._day_zystn_163[data-selected],
+._day_zystn_163[data-first-in-range],
+._day_zystn_163[data-last-in-range] {
   background-color: var(--mantine-primary-color-filled);
   color: var(--mantine-color-white);
 }
 
-._day_5kwje_128[data-selected]:not(:disabled):not([data-static]):hover {
+._day_zystn_163[data-selected]:not(:disabled):not([data-static]):hover {
   background-color: var(--mantine-primary-color-filled-hover);
 }
 
-._day_5kwje_128:disabled,
-._pickerControl_5kwje_189:disabled {
+._day_zystn_163:disabled,
+._pickerControl_zystn_224:disabled {
   cursor: not-allowed;
   color: var(--mantine-color-dimmed);
   opacity: 0.55;
 }
 
-._controlsGrid_5kwje_195[data-full-width] {
+._controlsGrid_zystn_230[data-full-width] {
   width: 100%;
 }
 
-._pickerControl_5kwje_189 {
+._pickerControl_zystn_224 {
   height: 2.25rem;
   width: calc(2.25rem * 7 / 3 + 0.09375rem);
   display: flex;
@@ -210,75 +245,75 @@
   background-color: transparent;
 }
 
-._pickerControl_5kwje_189[data-full-width] {
+._pickerControl_zystn_224[data-full-width] {
   width: 100%;
 }
 
-._pickerControl_5kwje_189:not(:disabled):not([data-selected]):not([data-in-range]):hover {
+._pickerControl_zystn_224:not(:disabled):not([data-selected]):not([data-in-range]):hover {
   background-color: var(--mantine-color-gray-light-hover);
 }
 
-._pickerControl_5kwje_189[data-selected] {
+._pickerControl_zystn_224[data-selected] {
   background-color: var(--mantine-primary-color-filled);
   color: var(--mantine-color-white);
 }
 
-._pickerControl_5kwje_189[data-selected]:hover {
+._pickerControl_zystn_224[data-selected]:hover {
   background-color: var(--mantine-primary-color-filled-hover);
 }
 
-._pickerControl_5kwje_189[data-in-range] {
+._pickerControl_zystn_224[data-in-range] {
   background-color: var(--mantine-primary-color-light-hover);
   color: var(--mantine-primary-color-light-color);
 }
 
-._pickerControl_5kwje_189[data-in-range]:hover {
+._pickerControl_zystn_224[data-in-range]:hover {
   background-color: var(--mantine-primary-color-light);
 }
 
-._pickerControl_5kwje_189[data-first-in-range] {
+._pickerControl_zystn_224[data-first-in-range] {
   border-radius: 0;
   border-start-start-radius: var(--mantine-radius-default);
   border-end-start-radius: var(--mantine-radius-default);
 }
 
-._pickerControl_5kwje_189[data-last-in-range] {
+._pickerControl_zystn_224[data-last-in-range] {
   border-radius: 0;
   border-end-end-radius: var(--mantine-radius-default);
   border-start-end-radius: var(--mantine-radius-default);
 }
 
-._pickerControl_5kwje_189[data-first-in-range][data-last-in-range] {
+._pickerControl_zystn_224[data-first-in-range][data-last-in-range] {
   border-radius: var(--mantine-radius-default);
 }
 
-._timePicker_5kwje_255,
-._dateTimePicker_5kwje_256 {
+._timePicker_zystn_290,
+._dateTimePicker_zystn_291 {
   width: max-content;
 }
 
-._datePickerRoot_5kwje_260 {
+._datePickerRoot_zystn_295 {
   display: flex;
   font-size: var(--mantine-font-size-sm);
 }
 
-._dateTimePicker_5kwje_256 {
+._dateTimePicker_zystn_291 {
   display: grid;
   gap: var(--mantine-spacing-sm);
 }
 
-._timeWrapper_5kwje_270 {
+._timeWrapper_zystn_305 {
   display: flex;
   align-items: stretch;
   margin-top: var(--mantine-spacing-md);
 }
 
-._timeInput_5kwje_276 {
+._timeInput_zystn_311 {
   flex: 1;
   margin-inline-end: var(--mantine-spacing-md);
 }
 
-._presetsList_5kwje_281 {
+._presetsList_zystn_316 {
   display: flex;
   flex-direction: column;
   border-inline-end: 1px solid var(--mantine-color-default-border);
@@ -286,30 +321,30 @@
   margin-inline-end: 0.5em;
 }
 
-._presetButton_5kwje_289 {
+._presetButton_zystn_324 {
   padding: 0.52em 0.8em;
   border-radius: var(--mantine-radius-default);
   font-size: inherit;
   white-space: nowrap;
 }
 
-._presetButton_5kwje_289:hover {
+._presetButton_zystn_324:hover {
   background-color: var(--mantine-color-gray-light-hover);
 }
 
-._timePickerPresetsGroup_5kwje_300 {
+._timePickerPresetsGroup_zystn_335 {
   margin-bottom: var(--mantine-spacing-xs);
 }
 
-._dropdown_5kwje_304 {
+._dropdown_zystn_339 {
   padding: var(--mantine-spacing-xs);
 }
 
-._placeholder_5kwje_308 {
+._placeholder_zystn_343 {
   color: var(--mantine-color-placeholder);
 }
 
-._timeGridControl_5kwje_312 {
+._timeGridControl_zystn_347 {
   text-align: center;
   padding-inline: 1em;
   padding-block: 0.25em;
@@ -320,40 +355,40 @@
   font-size: var(--mantine-font-size-sm);
 }
 
-._timeGridControl_5kwje_312:not(:disabled):not([data-disabled]):not([data-active]):hover {
+._timeGridControl_zystn_347:not(:disabled):not([data-disabled]):not([data-active]):hover {
   background-color: var(--mantine-color-default-hover);
 }
 
-._timeGridControl_5kwje_312[data-active] {
+._timeGridControl_zystn_347[data-active] {
   background-color: var(--mantine-primary-color-filled);
   color: var(--mantine-color-white);
   border-color: transparent;
 }
 
-._timeGridControl_5kwje_312[data-active]:not(:disabled):not([data-disabled]):hover {
+._timeGridControl_zystn_347[data-active]:not(:disabled):not([data-disabled]):hover {
   background-color: var(--mantine-primary-color-filled-hover);
 }
 
-._timeGridControl_5kwje_312:disabled,
-._timeGridControl_5kwje_312[data-disabled] {
+._timeGridControl_zystn_347:disabled,
+._timeGridControl_zystn_347[data-disabled] {
   opacity: 0.5;
   cursor: not-allowed;
 }
 
-._timePickerFieldsRoot_5kwje_343 {
+._timePickerFieldsRoot_zystn_378 {
   display: flex;
   align-items: center;
   height: 100%;
   overflow: hidden;
 }
 
-._timePickerFieldsGroup_5kwje_350 {
+._timePickerFieldsGroup_zystn_385 {
   display: flex;
   align-items: center;
   height: calc(var(--input-height) - 15px);
 }
 
-._timePickerField_5kwje_343 {
+._timePickerField_zystn_378 {
   width: calc(2ch + 0.3em);
   caret-color: transparent;
   font-variant-numeric: tabular-nums;
@@ -370,48 +405,48 @@
   appearance: none;
 }
 
-._timePickerField_5kwje_343[data-am-pm] {
+._timePickerField_zystn_378[data-am-pm] {
   width: auto;
 }
 
-._timePickerField_5kwje_343:disabled {
+._timePickerField_zystn_378:disabled {
   cursor: not-allowed;
 }
 
-._timePickerField_5kwje_343::selection {
+._timePickerField_zystn_378::selection {
   background-color: transparent;
 }
 
-._timePickerField_5kwje_343::placeholder {
+._timePickerField_zystn_378::placeholder {
   opacity: 1;
   color: inherit;
 }
 
-._timePickerField_5kwje_343:focus {
+._timePickerField_zystn_378:focus {
   background-color: var(--mantine-primary-color-filled);
   color: var(--mantine-color-white);
   outline: 0;
 }
 
-._timePickerField_5kwje_343:focus::placeholder {
+._timePickerField_zystn_378:focus::placeholder {
   color: var(--mantine-color-white);
 }
 
-._timePickerDropdown_5kwje_400 {
+._timePickerDropdown_zystn_435 {
   padding: calc(0.25rem * var(--mantine-scale));
 }
 
-._timePickerControlsListGroup_5kwje_404 {
+._timePickerControlsListGroup_zystn_439 {
   display: flex;
   gap: calc(0.25rem * var(--mantine-scale));
 }
 
-._timePickerControlsList_5kwje_404 {
+._timePickerControlsList_zystn_439 {
   display: flex;
   flex-direction: column;
 }
 
-._timePickerControl_5kwje_404 {
+._timePickerControl_zystn_439 {
   text-align: center;
   min-width: 2.5em;
   width: max-content;
@@ -420,29 +455,29 @@
   font-size: var(--mantine-font-size-sm);
 }
 
-._timePickerControl_5kwje_404[data-active] {
+._timePickerControl_zystn_439[data-active] {
   background-color: var(--mantine-primary-color-filled);
   color: var(--mantine-color-white);
 }
 
-._timePickerControl_5kwje_404:not([data-active]):hover {
+._timePickerControl_zystn_439:not([data-active]):hover {
   color: var(--mantine-color-bright);
   background-color: var(--mantine-color-gray-light-hover);
 }
 
-._miniCalendarRoot_5kwje_433 {
+._miniCalendarRoot_zystn_468 {
   width: fit-content;
   display: flex;
   align-items: center;
   font-size: var(--mantine-font-size-sm);
 }
 
-._miniCalendarDays_5kwje_440 {
+._miniCalendarDays_zystn_475 {
   display: flex;
   font-size: inherit;
 }
 
-._miniCalendarDay_5kwje_440 {
+._miniCalendarDay_zystn_475 {
   display: flex;
   min-width: 3em;
   gap: 0.5em;
@@ -454,36 +489,36 @@
   border-radius: var(--mantine-radius-default);
 }
 
-._miniCalendarDay_5kwje_440[data-selected] {
+._miniCalendarDay_zystn_475[data-selected] {
   color: var(--mantine-primary-color-contrast);
   background-color: var(--mantine-primary-color-filled);
 }
 
-._miniCalendarDay_5kwje_440[data-selected]:not([data-disabled]):hover {
+._miniCalendarDay_zystn_475[data-selected]:not([data-disabled]):hover {
   background-color: var(--mantine-primary-color-filled-hover);
 }
 
-._miniCalendarDay_5kwje_440[data-disabled] {
+._miniCalendarDay_zystn_475[data-disabled] {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._miniCalendarDay_5kwje_440:not([data-disabled]):not([data-selected]):hover {
+._miniCalendarDay_zystn_475:not([data-disabled]):not([data-selected]):hover {
   background-color: var(--mantine-color-gray-light-hover);
 }
 
-._miniCalendarDayMonth_5kwje_475 {
+._miniCalendarDayMonth_zystn_510 {
   font-size: 0.75em;
   font-weight: var(--mantine-font-weight-medium);
   opacity: 0.65;
 }
 
-._miniCalendarDayNumber_5kwje_481 {
+._miniCalendarDayNumber_zystn_516 {
   font-size: 0.9em;
   font-weight: var(--mantine-font-weight-medium);
 }
 
-._miniCalendarControl_5kwje_486 {
+._miniCalendarControl_zystn_521 {
   align-self: stretch;
   font-size: inherit;
   width: 2em;
@@ -494,25 +529,25 @@
   color: var(--mantine-color-bright);
 }
 
-._miniCalendarControl_5kwje_486[data-disabled] {
+._miniCalendarControl_zystn_521[data-disabled] {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._miniCalendarControl_5kwje_486:not([data-disabled]):hover {
+._miniCalendarControl_zystn_521:not([data-disabled]):hover {
   background-color: var(--mantine-color-gray-light-hover);
 }
 
-._miniCalendarControl_5kwje_486 [data-chevron] {
+._miniCalendarControl_zystn_521 [data-chevron] {
   font-size: inherit;
   width: 60%;
 }
 
-._miniCalendarControl_5kwje_486[data-direction='previous'] [data-chevron] {
+._miniCalendarControl_zystn_521[data-direction='previous'] [data-chevron] {
   transform: rotate(90deg);
 }
 
-._miniCalendarControl_5kwje_486[data-direction='next'] [data-chevron] {
+._miniCalendarControl_zystn_521[data-direction='next'] [data-chevron] {
   transform: rotate(-90deg);
 }
 /*$vite$:1*/