@tabworthy/components 0.4.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tabworthy-components.cjs.js +1 -1
- package/dist/cjs/tabworthy-dates.cjs.entry.js +6 -8
- package/dist/cjs/tabworthy-times.cjs.entry.js +3 -2
- package/dist/collection/components/tabworthy-dates/tabworthy-dates.js +26 -8
- package/dist/collection/components/tabworthy-times/tabworthy-times.js +23 -2
- package/dist/components/tabworthy-dates.js +1 -1
- package/dist/components/tabworthy-times.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tabworthy-components.js +1 -1
- package/dist/esm/tabworthy-dates.entry.js +6 -8
- package/dist/esm/tabworthy-times.entry.js +3 -2
- package/dist/tabworthy-components/p-ce2c8dc0.entry.js +1 -0
- package/dist/tabworthy-components/{p-1072baac.entry.js → p-ec699892.entry.js} +1 -1
- package/dist/tabworthy-components/tabworthy-components.esm.js +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/light.css +1 -1
- package/dist/types/components/tabworthy-dates/tabworthy-dates.d.ts +1 -0
- package/dist/types/components/tabworthy-times/tabworthy-times.d.ts +1 -0
- package/dist/types/components.d.ts +18 -0
- package/package.json +1 -1
- package/dist/tabworthy-components/p-9aa97b54.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-BusoZVTR.js";export{s as setNonce}from"./p-BusoZVTR.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await a(),t([["p-cedac657",[[2,"tabworthy-times-picker",{hours:[1026],minutes:[1026],use12HourFormat:[4,"use-1-2-hour-format"],labels:[16],labelsSrOnly:[4,"labels-sr-only"],disabled:[4],elementClassName:[1,"element-class-name"],internalHours:[32],internalMinutes:[32],period:[32]},null,{hours:[{watchHours:0}],minutes:[{watchMinutes:0}]}]]],["p-841f3e8f",[[262,"tabworthy-dates-calendar",{clearButtonContent:[1,"clear-button-content"],disabled:[4],modalIsOpen:[4,"modal-is-open"],disableDate:[16],elementClassName:[1,"element-class-name"],firstDayOfWeek:[2,"first-day-of-week"],range:[4],labels:[16],locale:[1],nextMonthButtonContent:[1,"next-month-button-content"],nextYearButtonContent:[1,"next-year-button-content"],previousMonthButtonContent:[1,"previous-month-button-content"],previousYearButtonContent:[1,"previous-year-button-content"],minDate:[1,"min-date"],maxDate:[1,"max-date"],inline:[4],showClearButton:[4,"show-clear-button"],showMonthStepper:[4,"show-month-stepper"],showTodayButton:[4,"show-today-button"],showYearStepper:[4,"show-year-stepper"],showKeyboardHint:[4,"show-keyboard-hint"],showHiddenTitle:[4,"show-hidden-title"],startDate:[1,"start-date"],todayButtonContent:[1,"today-button-content"],value:[1040],currentDate:[32],hoveredDate:[32],weekdays:[32]},null,{modalIsOpen:[{watchModalIsOpen:0}],firstDayOfWeek:[{watchFirstDayOfWeek:0}],locale:[{watchLocale:0}],range:[{watchRange:0}],startDate:[{watchStartDate:0}],value:[{watchValue:0}]}],[257,"tabworthy-dates-modal",{label:[1],inline:[4],closing:[32],showing:[32],open:[64],close:[64],getState:[64],setTriggerElement:[64]},[[10,"click","handleClick"]]]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-BusoZVTR.js";export{s as setNonce}from"./p-BusoZVTR.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await a(),t([["p-cedac657",[[2,"tabworthy-times-picker",{hours:[1026],minutes:[1026],use12HourFormat:[4,"use-1-2-hour-format"],labels:[16],labelsSrOnly:[4,"labels-sr-only"],disabled:[4],elementClassName:[1,"element-class-name"],internalHours:[32],internalMinutes:[32],period:[32]},null,{hours:[{watchHours:0}],minutes:[{watchMinutes:0}]}]]],["p-841f3e8f",[[262,"tabworthy-dates-calendar",{clearButtonContent:[1,"clear-button-content"],disabled:[4],modalIsOpen:[4,"modal-is-open"],disableDate:[16],elementClassName:[1,"element-class-name"],firstDayOfWeek:[2,"first-day-of-week"],range:[4],labels:[16],locale:[1],nextMonthButtonContent:[1,"next-month-button-content"],nextYearButtonContent:[1,"next-year-button-content"],previousMonthButtonContent:[1,"previous-month-button-content"],previousYearButtonContent:[1,"previous-year-button-content"],minDate:[1,"min-date"],maxDate:[1,"max-date"],inline:[4],showClearButton:[4,"show-clear-button"],showMonthStepper:[4,"show-month-stepper"],showTodayButton:[4,"show-today-button"],showYearStepper:[4,"show-year-stepper"],showKeyboardHint:[4,"show-keyboard-hint"],showHiddenTitle:[4,"show-hidden-title"],startDate:[1,"start-date"],todayButtonContent:[1,"today-button-content"],value:[1040],currentDate:[32],hoveredDate:[32],weekdays:[32]},null,{modalIsOpen:[{watchModalIsOpen:0}],firstDayOfWeek:[{watchFirstDayOfWeek:0}],locale:[{watchLocale:0}],range:[{watchRange:0}],startDate:[{watchStartDate:0}],value:[{watchValue:0}]}],[257,"tabworthy-dates-modal",{label:[1],inline:[4],closing:[32],showing:[32],open:[64],close:[64],getState:[64],setTriggerElement:[64]},[[10,"click","handleClick"]]]]],["p-ce2c8dc0",[[2,"tabworthy-times",{id:[513],value:[1025],range:[4],label:[1],placeholder:[1],locale:[1],disabled:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],startDate:[1,"start-date"],referenceDate:[1,"reference-date"],use12HourFormat:[4,"use-1-2-hour-format"],timesLabels:[16],datesCalendarLabels:[16],inline:[4],hasError:[1028,"has-error"],showYearStepper:[4,"show-year-stepper"],showMonthStepper:[4,"show-month-stepper"],showClearButton:[4,"show-clear-button"],showTodayButton:[4,"show-today-button"],calendarButtonContent:[1,"calendar-button-content"],disableDate:[16],elementClassName:[1,"element-class-name"],firstDayOfWeek:[2,"first-day-of-week"],format:[1],inputShouldFormat:[8,"input-should-format"],disableFreeformInput:[4,"disable-freeform-input"],internalValue:[32],selectedDate:[32],selectedHours:[32],selectedMinutes:[32],errorState:[32],disabledState:[32],clearValue:[64]},null,{value:[{watchValue:0}],disabled:[{watchDisabled:0}],hasError:[{watchHasError:0}]}]]],["p-ec699892",[[2,"tabworthy-dates",{id:[513],value:[1025],range:[4],label:[1],placeholder:[1],locale:[1],disabled:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],startDate:[1,"start-date"],referenceDate:[1,"reference-date"],useStrictDateParsing:[4,"use-strict-date-parsing"],datesLabels:[16],datesCalendarLabels:[16],inline:[4],hasError:[1028,"has-error"],nextMonthButtonContent:[1,"next-month-button-content"],nextYearButtonContent:[1,"next-year-button-content"],showYearStepper:[4,"show-year-stepper"],showMonthStepper:[4,"show-month-stepper"],showClearButton:[4,"show-clear-button"],showTodayButton:[4,"show-today-button"],inputShouldFormat:[8,"input-should-format"],showKeyboardHint:[4,"show-keyboard-hint"],disableDate:[16],elementClassName:[1,"element-class-name"],firstDayOfWeek:[2,"first-day-of-week"],format:[1],quickButtons:[16],todayButtonContent:[1,"today-button-content"],calendarButtonContent:[1,"calendar-button-content"],showQuickButtons:[4,"show-quick-buttons"],disableFreeformInput:[4,"disable-freeform-input"],internalValue:[32],errorState:[32],disabledState:[32],parseDate:[64]},null,{disabled:[{watchDisabled:0}],value:[{watchValue:0}]}]]]],e))));
|
package/dist/themes/dark.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--tw-dates-border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__weekday{color:var(--tw-dates-disabled-color)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--selected:hover>*{color:#fff;background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--tw-dates-disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--today>*{font-weight:700;font-style:normal;color:var(--tw-dates-active-color)}.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{color:var(--tw-dates-bg-color);background-color:var(--tw-dates-active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--disabled{color:var(--tw-dates-disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--disabled{color:GrayText}}.tabworthy-dates-calendar__date--disabled{position:relative}.tabworthy-dates-calendar__date--disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--tw-dates-disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--disabled:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--disabled.tabworthy-dates-calendar__date--in-range:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--tw-dates-text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--tw-dates-error-color)}.tabworthy-dates-calendar__keyboard-hint{color:var(--tw-dates-secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif;color:var(--tw-dates-text-color)}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--tw-dates-error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--tw-dates-bg-color);align-self:center;height:100%;justify-content:center;border-radius:.375rem}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--tw-dates-text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--tw-dates-disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--tw-dates-border-color);border-radius:.25rem;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--active{background-color:var(--tw-dates-hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--tw-dates-active){background-color:var(--tw-dates-hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root{--tw-dates-text-color: #fff;--tw-dates-secondary-color: #bcbcbcff;--tw-dates-border-color: #595959;--tw-dates-bg-color: #14171e;--tw-dates-disabled-color: #616161;--tw-dates-hover-color: #3a3d4a;--tw-dates-bg2-color: #2b2d37;--tw-dates-focus-color: #ffbf00;--tw-dates-error-color: #f16c57;--tw-dates-active-color: #ffbf00}.tabworthy-dates__input{color:var(--tw-dates-text-color)}.tabworthy-dates__input::placeholder{color:var(--tw-dates-text-color);font-size:1rem;opacity:.8}
|
|
1
|
+
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--tw-dates-border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__weekday{color:var(--tw-dates-disabled-color)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--selected:hover>*{color:#fff;background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--tw-dates-disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--today>*{font-weight:700;font-style:normal;color:var(--tw-dates-active-color)}.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{color:var(--tw-dates-bg-color);background-color:var(--tw-dates-active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--disabled{color:var(--tw-dates-disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--disabled{color:GrayText}}.tabworthy-dates-calendar__date--disabled{position:relative}.tabworthy-dates-calendar__date--disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--tw-dates-disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--disabled:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--disabled.tabworthy-dates-calendar__date--in-range:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--tw-dates-text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--tw-dates-error-color)}.tabworthy-dates__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-dates-calendar__keyboard-hint{color:var(--tw-dates-secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif;color:var(--tw-dates-text-color)}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--tw-dates-error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--tw-dates-bg-color);align-self:center;height:100%;justify-content:center;border-radius:.375rem}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--tw-dates-text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--tw-dates-disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--tw-dates-border-color);border-radius:.25rem;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--active{background-color:var(--tw-dates-hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--tw-dates-active){background-color:var(--tw-dates-hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root{--tw-dates-text-color: #fff;--tw-dates-secondary-color: #bcbcbcff;--tw-dates-border-color: #595959;--tw-dates-bg-color: #14171e;--tw-dates-disabled-color: #616161;--tw-dates-hover-color: #3a3d4a;--tw-dates-bg2-color: #2b2d37;--tw-dates-focus-color: #ffbf00;--tw-dates-error-color: #f16c57;--tw-dates-active-color: #ffbf00}.tabworthy-dates__input{color:var(--tw-dates-text-color)}.tabworthy-dates__input::placeholder{color:var(--tw-dates-text-color);font-size:1rem;opacity:.8}
|
package/dist/themes/light.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--tw-dates-border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__weekday{color:var(--tw-dates-disabled-color)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--selected:hover>*{color:#fff;background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--tw-dates-disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--today>*{font-weight:700;font-style:normal;color:var(--tw-dates-active-color)}.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{color:var(--tw-dates-bg-color);background-color:var(--tw-dates-active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--disabled{color:var(--tw-dates-disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--disabled{color:GrayText}}.tabworthy-dates-calendar__date--disabled{position:relative}.tabworthy-dates-calendar__date--disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--tw-dates-disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--disabled:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--disabled.tabworthy-dates-calendar__date--in-range:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--tw-dates-text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--tw-dates-error-color)}.tabworthy-dates-calendar__keyboard-hint{color:var(--tw-dates-secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif;color:var(--tw-dates-text-color)}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--tw-dates-error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--tw-dates-bg-color);align-self:center;height:100%;justify-content:center;border-radius:.375rem}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--tw-dates-text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--tw-dates-disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--tw-dates-border-color);border-radius:.25rem;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--active{background-color:var(--tw-dates-hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--tw-dates-active){background-color:var(--tw-dates-hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root{--tw-dates-text-color: #111;--tw-dates-secondary-color: #767676;--tw-dates-border-color: #949494;--tw-dates-bg-color: #fff;--tw-dates-disabled-color: #959595;--tw-dates-hover-color: #e5e7eb;--tw-dates-bg2-color: #f2f3f5;--tw-dates-focus-color: #0000ff;--tw-dates-error-color: #d4351c;--tw-dates-active-color: #0000ff}
|
|
1
|
+
tabworthy-dates-calendar,tabworthy-dates-calendar *,tabworthy-dates-calendar *:before,tabworthy-dates-calendar *:after{margin:0;padding:0;box-sizing:border-box}tabworthy-dates-calendar{display:inline-flex}tabworthy-dates *:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar-wrapper{border:.0625rem solid var(--tw-dates-border-color);border-radius:.375rem;display:flex}.tabworthy-dates-calendar-wrapper--inline{margin-top:.5em}.tabworthy-dates-calendar,.tabworthy-dates{display:block;width:min-content;min-width:18rem;max-width:24rem;border-radius:.375rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5}@media screen and (min-width: 23.5rem){.tabworthy-dates-calendar,.tabworthy-dates{min-width:20rem;max-width:24rem}}.tabworthy-dates-calendar--disabled *[aria-disabled]{opacity:.5;cursor:default}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__weekday{color:var(--tw-dates-disabled-color)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:focus>*{outline:none}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date{cursor:default;opacity:.5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date:hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--in-range:hover>*{background-color:#f2f3f5}.tabworthy-dates-calendar--disabled .tabworthy-dates-calendar__date--selected:hover>*{color:#fff;background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__header{display:flex;padding:.75rem;align-items:center;gap:.5rem}.tabworthy-dates-calendar__current-month{display:flex;flex-grow:1;gap:.5rem}.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{display:flex;height:2rem;padding-right:.5rem;padding-left:.5rem;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);font:inherit;line-height:1.125}.tabworthy-dates-calendar__month-select:hover:not(:disabled),.tabworthy-dates-calendar__year-select:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__month-select:focus-visible,.tabworthy-dates-calendar__year-select:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__month-select,.tabworthy-dates-calendar__year-select{border:1px solid rgba(0,0,0,0)}}.tabworthy-dates-calendar__month-select{flex-grow:1;cursor:pointer;appearance:none}.tabworthy-dates-calendar__year-select{max-width:5rem}.tabworthy-dates-calendar__previous-month-button,.tabworthy-dates-calendar__next-month-button,.tabworthy-dates-calendar__previous-year-button,.tabworthy-dates-calendar__next-year-button{display:inline-flex;width:2rem;height:2rem;padding:.375rem;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer}.tabworthy-dates-calendar__previous-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-month-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__previous-year-button:hover:not([aria-disabled]),.tabworthy-dates-calendar__next-year-button:hover:not([aria-disabled]){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__previous-month-button:focus-visible,.tabworthy-dates-calendar__next-month-button:focus-visible,.tabworthy-dates-calendar__previous-year-button:focus-visible,.tabworthy-dates-calendar__next-year-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:var(--tw-dates-disabled-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__previous-month-button[aria-disabled],.tabworthy-dates-calendar__next-month-button[aria-disabled],.tabworthy-dates-calendar__previous-year-button[aria-disabled],.tabworthy-dates-calendar__next-year-button[aria-disabled]{color:GrayText}}.tabworthy-dates-calendar__body{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.tabworthy-dates-calendar__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.tabworthy-dates-calendar__weekday>span{display:flex;padding:.2rem;justify-content:center;align-items:center;font-weight:600;aspect-ratio:1}.tabworthy-dates-calendar__date{padding:.125rem;text-align:center;cursor:pointer}.tabworthy-dates-calendar__date:focus{outline:none}.tabworthy-dates-calendar__date:focus-visible>*{outline:.25rem solid var(--tw-dates-focus-color)}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date:focus-visible>*{outline-color:Highlight}}.tabworthy-dates-calendar__date:hover>*{background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__date>*{display:flex;justify-content:center;align-items:center;border-radius:.25rem;aspect-ratio:1}.tabworthy-dates-calendar__date--today>*{font-weight:700;font-style:normal;color:var(--tw-dates-active-color)}.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{color:var(--tw-dates-bg-color);background-color:var(--tw-dates-active-color);font-weight:500;outline-offset:.125rem}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--selected>*,.tabworthy-dates-calendar__date--selected:hover>*,.tabworthy-dates-calendar__date--in-range:hover>*,.tabworthy-dates-calendar__date--in-range>*{background-color:Highlight}}.tabworthy-dates-calendar__date--disabled{color:var(--tw-dates-disabled-color);cursor:default}@media screen and (forced-colors: active){.tabworthy-dates-calendar__date--disabled{color:GrayText}}.tabworthy-dates-calendar__date--disabled{position:relative}.tabworthy-dates-calendar__date--disabled::after{content:"";position:absolute;height:1.5rem;width:.078125rem;background-color:var(--tw-dates-disabled-color);transform:rotate(45deg);right:50%;top:25%}.tabworthy-dates-calendar__date--disabled:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range):hover>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__date--disabled.tabworthy-dates-calendar__date--in-range:not(.tabworthy-dates-calendar__date--selected):not(.tabworthy-dates-calendar__date--in-range)>*{background-color:rgba(0,0,0,0)}.tabworthy-dates-calendar__footer{padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem;display:flex;flex-direction:column;gap:1rem}.tabworthy-dates-calendar__footer-buttons{align-items:center;display:flex;gap:.5rem}.tabworthy-dates-calendar__clear-button,.tabworthy-dates-calendar__today-button,.tabworthy-dates__quick-button,.tabworthy-dates__calendar-button{display:inline-flex;height:2rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer}.tabworthy-dates-calendar__clear-button:hover:not(:disabled),.tabworthy-dates-calendar__today-button:hover:not(:disabled),.tabworthy-dates__quick-button:hover:not(:disabled),.tabworthy-dates__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates-calendar__clear-button:focus-visible,.tabworthy-dates-calendar__today-button:focus-visible,.tabworthy-dates__quick-button:focus-visible,.tabworthy-dates__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-dates-calendar__clear-button:disabled,.tabworthy-dates-calendar__today-button:disabled,.tabworthy-dates__quick-button:disabled,.tabworthy-dates__calendar-button:disabled{cursor:not-allowed;opacity:.6}.label{font-weight:600;display:block}.tabworthy-dates__calendar-button{margin-left:.5rem;height:2.5rem}.tabworthy-dates__quick-group{margin-top:.5rem;display:inline-grid;grid-auto-flow:column;gap:.5rem}.tabworthy-dates__quick-button{color:var(--tw-dates-text-color);background-color:inherit;text-decoration:underline}.tabworthy-dates__quick-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-dates__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem}.tabworthy-dates__input[aria-invalid]{border-color:var(--tw-dates-error-color)}.tabworthy-dates__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-dates-calendar__keyboard-hint{color:var(--tw-dates-secondary-color);display:flex;align-items:center;gap:.25rem;text-decoration:underline;text-underline-offset:.2em;border:none;margin:0;width:auto;overflow:visible;background:rgba(0,0,0,0);font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.25rem}.tabworthy-dates__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif;color:var(--tw-dates-text-color)}.tabworthy-dates__input{flex-grow:1}.tabworthy-dates__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-dates__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times{display:flex;flex-direction:column;gap:.5rem}.tabworthy-times__label{font-weight:600;margin-bottom:.5rem;display:inline-block;font-family:"Segoe UI",sans-serif}.tabworthy-times__input-container{min-width:300px;max-width:400px;display:flex}.tabworthy-times__input{box-sizing:border-box;display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border-radius:.25rem;color:var(--tw-dates-text-color);background:var(--tw-dates-bg2-color);line-height:1;border:1px solid var(--tw-dates-border-color);font-size:1rem;flex-grow:1}.tabworthy-times__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__input:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times[has-error] .tabworthy-times__input{border-color:var(--tw-dates-error-color)}.tabworthy-times__calendar-button{display:inline-flex;height:2.5rem;padding-right:.5rem;padding-left:.5rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);font:inherit;line-height:1;cursor:pointer;margin-left:.5rem}.tabworthy-times__calendar-button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times__calendar-button:disabled{cursor:not-allowed;opacity:.6}.tabworthy-times__calendar-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times__picker-container{display:flex;gap:0;min-width:fit-content}.tabworthy-times__time-section{display:flex;flex-direction:column;padding:0 .75rem .75rem .75rem !important;background-color:var(--tw-dates-bg-color);align-self:center;height:100%;justify-content:center;border-radius:.375rem}.tabworthy-times__time-label{margin:0 0 .75rem 0;font-size:.875rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times__input-error{display:flex;padding:.5rem;color:var(--tw-dates-error-color);font-weight:700}.tabworthy-times[inline] .tabworthy-times__calendar-button{display:none}.tabworthy-times[disabled]{opacity:.6;pointer-events:none}.tabworthy-times-picker{display:flex;flex-direction:column;padding:0;min-width:200px}.tabworthy-times-picker__container{display:flex;align-items:center;justify-content:center;gap:.5rem}.tabworthy-times-picker__field{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__label{font-size:.75rem;font-weight:500;color:var(--tw-dates-text-color);text-transform:uppercase;letter-spacing:.05em}.tabworthy-times-picker__label--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.tabworthy-times-picker__control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.tabworthy-times-picker__button{display:inline-flex;width:2rem;height:1.5rem;padding:.25rem;justify-content:center;align-items:center;border:none;border-radius:.25rem;color:var(--tw-dates-text-color);background-color:var(--tw-dates-bg2-color);cursor:pointer;transition:background-color .2s ease}.tabworthy-times-picker__button:hover:not(:disabled){background-color:var(--tw-dates-hover-color)}.tabworthy-times-picker__button:disabled{cursor:not-allowed;opacity:.5;color:var(--tw-dates-disabled-color)}.tabworthy-times-picker__button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input{width:3rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600;border:1px solid var(--tw-dates-border-color);border-radius:.25rem;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);padding:.25rem}.tabworthy-times-picker__input:focus{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__input:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__input::-webkit-inner-spin-button,.tabworthy-times-picker__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tabworthy-times-picker__input[type=number]{-moz-appearance:textfield}.tabworthy-times-picker__separator{font-size:1.5rem;font-weight:600;color:var(--tw-dates-text-color)}.tabworthy-times-picker__period{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem;padding-top:1.25rem}.tabworthy-times-picker__period-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--tw-dates-bg2-color);color:var(--tw-dates-text-color);cursor:pointer;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.tabworthy-times-picker__period-button--active{background-color:var(--tw-dates-hover-color);font-weight:600}.tabworthy-times-picker__period-button:disabled{cursor:not-allowed;opacity:.5}.tabworthy-times-picker__period-button:focus-visible{outline:.25rem solid var(--tw-dates-focus-color)}.tabworthy-times-picker__period-button:hover:not(:disabled):not(.tabworthy-times-picker__period-button--tw-dates-active){background-color:var(--tw-dates-hover-color);opacity:.8}@media(max-width: 768px){.tabworthy-times__picker-container{flex-direction:column}}:root{--tw-dates-text-color: #111;--tw-dates-secondary-color: #767676;--tw-dates-border-color: #949494;--tw-dates-bg-color: #fff;--tw-dates-disabled-color: #959595;--tw-dates-hover-color: #e5e7eb;--tw-dates-bg2-color: #f2f3f5;--tw-dates-focus-color: #0000ff;--tw-dates-error-color: #d4351c;--tw-dates-active-color: #0000ff}
|
|
@@ -48,6 +48,7 @@ export declare class TabworthyDates {
|
|
|
48
48
|
todayButtonContent?: string;
|
|
49
49
|
calendarButtonContent?: string;
|
|
50
50
|
showQuickButtons: boolean;
|
|
51
|
+
disableFreeformInput: boolean;
|
|
51
52
|
internalValue?: string | string[] | null;
|
|
52
53
|
errorState: boolean;
|
|
53
54
|
disabledState: boolean;
|
|
@@ -29,6 +29,10 @@ export namespace Components {
|
|
|
29
29
|
* @default () => false
|
|
30
30
|
*/
|
|
31
31
|
"disableDate": HTMLTabworthyDatesCalendarElement["disableDate"];
|
|
32
|
+
/**
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
35
|
+
"disableFreeformInput": boolean;
|
|
32
36
|
/**
|
|
33
37
|
* @default false
|
|
34
38
|
*/
|
|
@@ -223,6 +227,10 @@ export namespace Components {
|
|
|
223
227
|
* @default () => false
|
|
224
228
|
*/
|
|
225
229
|
"disableDate": (date: Date) => boolean;
|
|
230
|
+
/**
|
|
231
|
+
* @default false
|
|
232
|
+
*/
|
|
233
|
+
"disableFreeformInput": boolean;
|
|
226
234
|
/**
|
|
227
235
|
* @default false
|
|
228
236
|
*/
|
|
@@ -471,6 +479,10 @@ declare namespace LocalJSX {
|
|
|
471
479
|
* @default () => false
|
|
472
480
|
*/
|
|
473
481
|
"disableDate"?: HTMLTabworthyDatesCalendarElement["disableDate"];
|
|
482
|
+
/**
|
|
483
|
+
* @default false
|
|
484
|
+
*/
|
|
485
|
+
"disableFreeformInput"?: boolean;
|
|
474
486
|
/**
|
|
475
487
|
* @default false
|
|
476
488
|
*/
|
|
@@ -661,6 +673,10 @@ declare namespace LocalJSX {
|
|
|
661
673
|
* @default () => false
|
|
662
674
|
*/
|
|
663
675
|
"disableDate"?: (date: Date) => boolean;
|
|
676
|
+
/**
|
|
677
|
+
* @default false
|
|
678
|
+
*/
|
|
679
|
+
"disableFreeformInput"?: boolean;
|
|
664
680
|
/**
|
|
665
681
|
* @default false
|
|
666
682
|
*/
|
|
@@ -807,6 +823,7 @@ declare namespace LocalJSX {
|
|
|
807
823
|
"todayButtonContent": string;
|
|
808
824
|
"calendarButtonContent": string;
|
|
809
825
|
"showQuickButtons": boolean;
|
|
826
|
+
"disableFreeformInput": boolean;
|
|
810
827
|
}
|
|
811
828
|
interface TabworthyDatesCalendarAttributes {
|
|
812
829
|
"clearButtonContent": string;
|
|
@@ -860,6 +877,7 @@ declare namespace LocalJSX {
|
|
|
860
877
|
"firstDayOfWeek": number;
|
|
861
878
|
"format": string;
|
|
862
879
|
"inputShouldFormat": string;
|
|
880
|
+
"disableFreeformInput": boolean;
|
|
863
881
|
}
|
|
864
882
|
interface TabworthyTimesPickerAttributes {
|
|
865
883
|
"hours": number;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as h}from"./p-BusoZVTR.js";import{h as a}from"./p-Mki5YqAR.js";import{g as r,r as o}from"./p-BVHu5CWV.js";const d={selected:"selected",openCalendar:"Open date and time picker",calendar:"date and time picker",invalidDateError:"We could not find a matching date",minDateError:"Please fill in a date after ",maxDateError:"Please fill in a date before ",rangeOutOfBoundsError:"Please enter a valid range of dates",disabledDateError:"Please choose an available date",to:"to",startDate:"Start date",timeLabel:"Time"},n=class{constructor(i){t(this,i),this.selectDateTime=s(this,"selectDateTime"),this.changeYear=s(this,"changeYear"),this.componentReady=s(this,"componentReady"),this.range=!1,this.label="Choose a date and time",this.placeholder="",this.locale=(null===navigator||void 0===navigator?void 0:navigator.language)||"en-US",this.disabled=!1,this.startDate=r(new Date),this.referenceDate=r(new Date),this.use12HourFormat=!0,this.timesLabels=d,this.inline=!1,this.hasError=!1,this.showYearStepper=!1,this.showMonthStepper=!0,this.showClearButton=!0,this.showTodayButton=!0,this.disableDate=()=>!1,this.elementClassName="tabworthy-times",this.firstDayOfWeek=1,this.format="YYYY-MM-DDTHH:mm:ss",this.inputShouldFormat=!0,this.selectedHours=12,this.selectedMinutes=0,this.errorState=this.hasError,this.disabledState=this.disabled,this.errorMessage="",this.handlePickerSelection=async t=>{const s=t.split(",");if(this.range&&2===s.length){const t=o(new Date(s[0])),i=o(new Date(s[1]));this.updateValue([t,i]),this.pickerRef&&(this.pickerRef.value=[t,i])}else{const t=o(new Date(s[0]));this.updateValue(t),this.pickerRef&&(this.pickerRef.value=t)}},this.handleTimeChange=t=>{this.selectedHours=t.detail.hours,this.selectedMinutes=t.detail.minutes,this.selectedDate&&this.updateValue(this.selectedDate)},this.handleCalendarButtonClick=async()=>{this.modalRef&&(await this.modalRef.setTriggerElement(this.calendarButtonRef),await this.modalRef.open())},this.handleYearChange=t=>{this.changeYear&&this.changeYear.emit(t)},this.handleChangedMonths=()=>{},this.handleInputBlur=()=>{this.shouldInputFormat()&&this.formatInput()},this.handleInputChange=t=>{const s=a(t.target.value);s.isValid()&&(this.selectedHours=s.hours(),this.selectedMinutes=s.minutes(),this.updateValue(s.toDate()))}}shouldInputFormat(){return"string"==typeof this.inputShouldFormat?"true"===this.inputShouldFormat:!!this.inputShouldFormat}watchValue(t){this.syncFromValueProp()}watchDisabled(t){this.disabledState=t}watchHasError(t){this.errorState=t}componentDidLoad(){this.syncFromValueProp(),this.componentReady.emit(),this.id||console.error('tabworthy-times: The "id" prop is required for accessibility')}syncFromValueProp(){if(this.value){this.internalValue=this.value;const t=Array.isArray(this.value)?this.value[0]:this.value;if(t){const s=a(t,this.format);s.isValid()&&(this.selectedDate=s.toDate(),this.selectedHours=s.hours(),this.selectedMinutes=s.minutes())}}else this.internalValue=null}updateValue(t){if(Array.isArray(t)){const s=t.map((t=>{const s=a(t);return s.hours(this.selectedHours),s.minutes(this.selectedMinutes),s.seconds(0),s.format(this.format)}));this.internalValue=s,this.value=s,this.selectDateTime.emit(s)}else{const s=a(t);s.hours(this.selectedHours),s.minutes(this.selectedMinutes),s.seconds(0);const i=s.format(this.format);this.internalValue=i,this.value=i,this.selectedDate=t,this.selectDateTime.emit(i)}this.errorState=!1,this.shouldInputFormat()&&this.formatInput()}formatInput(){if(this.internalValue)if(Array.isArray(this.internalValue)){const t=this.internalValue.map((t=>a(t,this.format).format("lll"))).join(` ${this.timesLabels.to} `);this.inputRef.value=t}else this.inputRef.value=a(this.internalValue,this.format).format("lll")}getClassName(t){return`${this.elementClassName}__${t}`}async clearValue(){this.internalValue=null,this.value=void 0,this.selectedDate=void 0,this.inputRef.value="",this.pickerRef&&(this.pickerRef.value=null),this.selectDateTime.emit(void 0)}render(){var t;return i(e,{key:"4c2b4df711aef3ecab43e101650d8af27088813b",class:this.elementClassName,"has-error":this.errorState,disabled:this.disabledState},i("label",{key:"bd4a9fcbfb146dac1bf856cfc3f5b5e250714f9c",htmlFor:`${this.id}-input`,class:this.getClassName("label")},this.label),i("div",{key:"845800995b3d9b88f6f0a0d02486de2821fdaaef",class:this.getClassName("input-container")},i("input",{key:"bc8033523f88c72205d62068bda4199b666ef674",id:`${this.id}-input`,ref:t=>this.inputRef=t,type:"text",class:this.getClassName("input"),placeholder:this.placeholder,disabled:this.disabledState,value:null===(t=this.internalValue)||void 0===t?void 0:t.toString(),onBlur:this.handleInputBlur,onChange:this.handleInputChange,"aria-describedby":this.errorState?`${this.id}-error`:void 0,"aria-invalid":this.errorState}),!this.inline&&i("button",{key:"02d49c8b78edfbdd3cbbb6a738323d4de10ac46d",type:"button",ref:t=>this.calendarButtonRef=t,onClick:this.handleCalendarButtonClick,class:this.getClassName("calendar-button"),disabled:this.disabledState},this.calendarButtonContent?i("span",{innerHTML:this.calendarButtonContent}):this.timesLabels.openCalendar)),i("tabworthy-dates-modal",{key:"6e03950ffd59ce6d7391e878479359d5d8ecf665",label:this.timesLabels.calendar,ref:t=>this.modalRef=t,onOpened:()=>{this.pickerRef&&(this.pickerRef.modalIsOpen=!0)},onClosed:()=>{this.pickerRef&&(this.pickerRef.modalIsOpen=!1)},inline:this.inline},i("div",{key:"8e29281638aaa80d71220ad08dab482bf5a3c1e4",class:this.getClassName("picker-container")},i("tabworthy-dates-calendar",{key:"5e0129fe76d1de0b760201d462ce446132fc7003",range:this.range,locale:this.locale,onSelectDate:t=>this.handlePickerSelection(t.detail),onChangeMonth:t=>this.handleChangedMonths(t.detail),onChangeYear:t=>this.handleYearChange(t.detail),labels:this.datesCalendarLabels,ref:t=>this.pickerRef=t,startDate:this.startDate,firstDayOfWeek:this.firstDayOfWeek,showHiddenTitle:!0,disabled:this.disabledState,showMonthStepper:this.showMonthStepper,showYearStepper:this.showYearStepper,showClearButton:this.showClearButton,showTodayButton:this.showTodayButton,disableDate:this.disableDate,minDate:this.minDate,maxDate:this.maxDate,inline:this.inline},i("div",{key:"4d2da22f4da3460a9626c886b61e22eb66c0a23f",slot:"after-calendar",class:this.getClassName("time-section")},i("tabworthy-times-picker",{key:"2d9a9a8ce12e0659f4f1c82f1f8d64d829fc183b",hours:this.selectedHours,minutes:this.selectedMinutes,use12HourFormat:this.use12HourFormat,disabled:this.disabledState,onTimeChanged:this.handleTimeChange}))))),this.errorState&&i("div",{key:"df2cdfcd866f26108032c75a3f8c2f55ba5c9b10",class:this.getClassName("input-error"),id:this.id?`${this.id}-error`:void 0,role:"status"},this.errorMessage))}get el(){return h(this)}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabled:0}],hasError:[{watchHasError:0}]}}};export{n as tabworthy_times}
|