@purpurds/date-picker 7.13.1 → 8.0.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/LICENSE.txt +4 -4
- package/dist/date-picker.cjs.js +33 -33
- package/dist/date-picker.cjs.js.map +1 -1
- package/dist/date-picker.d.ts +3 -12
- package/dist/date-picker.d.ts.map +1 -1
- package/dist/date-picker.es.js +2104 -2081
- package/dist/date-picker.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +12 -11
- package/src/date-picker.stories.tsx +9 -7
- package/src/date-picker.test.tsx +13 -5
- package/src/date-picker.tsx +22 -16
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-text-field_3gl1k_1{position:relative;display:flex;flex-direction:column;gap:var(--purpur-spacing-50)}._purpur-text-field__label_3gl1k_7{display:flex;gap:var(--purpur-spacing-25);width:fit-content}._purpur-text-field__label-text_3gl1k_12{width:fit-content}._purpur-text-field__field-row_3gl1k_15{display:flex;width:100%}._purpur-text-field__frame_3gl1k_19{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--purpur-border-radius-sm);border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);pointer-events:none}._purpur-text-field__input-container_3gl1k_26{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--purpur-border-radius-sm);background:var(--purpur-color-background-primary)}._purpur-text-field__input-container_3gl1k_26:has(:-internal-autofill-previewed),._purpur-text-field__input-container_3gl1k_26:has(:-internal-autofill-selected){background-color:var(--purpur-color-background-interactive-auto-fill)!important}._purpur-text-field__input-container--disabled_3gl1k_37{background:var(--purpur-color-background-interactive-disabled)}._purpur-text-field__input-container--readonly_3gl1k_40{background:var(--purpur-color-background-interactive-read-only)}._purpur-text-field__input-container--has-clear-button_3gl1k_43{padding-right:var(--purpur-spacing-25)}._purpur-text-field__input-container--end-adornment_3gl1k_46{padding-right:var(--purpur-spacing-150)}._purpur-text-field__input-container--end-adornment_3gl1k_46 ._purpur-text-field__input_3gl1k_26{padding-right:var(--purpur-spacing-100)}._purpur-text-field__input-container--start-adornment_3gl1k_52{padding-left:var(--purpur-spacing-150)}._purpur-text-field__input-container--start-adornment_3gl1k_52 ._purpur-text-field__input_3gl1k_26{padding-left:var(--purpur-spacing-100)}._purpur-text-field__input_3gl1k_26{border-radius:var(--purpur-border-radius-sm);padding:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25)) var(--purpur-spacing-150);border:none;width:100%;box-sizing:border-box;font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);line-height:150%;outline:none;background:transparent;color:var(--purpur-color-text-default)}._purpur-text-field__input_3gl1k_26:hover~._purpur-text-field__frame_3gl1k_19{border-width:var(--purpur-border-width-sm);border-color:var(--purpur-color-border-interactive-subtle-hover)}._purpur-text-field__input_3gl1k_26:active:not(:disabled):not(:read-only)~._purpur-text-field__frame_3gl1k_19,._purpur-text-field__input_3gl1k_26:focus:not(:disabled):not(:read-only)~._purpur-text-field__frame_3gl1k_19{outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:calc(var(--purpur-spacing-10) * 2);border-width:var(--purpur-border-width-xs);border-color:var(--purpur-color-border-interactive-subtle-hover)}._purpur-text-field__input_3gl1k_26:disabled{color:var(--purpur-color-text-weak)}._purpur-text-field__input_3gl1k_26:disabled~._purpur-text-field__frame_3gl1k_19{border-width:var(--purpur-border-width-xs);border-color:var(--purpur-color-border-medium)}._purpur-text-field__input_3gl1k_26:read-only:not(:disabled){color:var(--purpur-color-text-default)}._purpur-text-field__input_3gl1k_26:read-only:not(:disabled)~._purpur-text-field__frame_3gl1k_19{border-width:var(--purpur-border-width-xs)}._purpur-text-field__input_3gl1k_26:read-only:not(:disabled):not(._purpur-text-field__input--valid_3gl1k_94):not(._purpur-text-field__input--error_3gl1k_94)~._purpur-text-field__frame_3gl1k_19{border-color:var(--purpur-color-border-medium)}._purpur-text-field__input_3gl1k_26:-internal-autofill-previewed,._purpur-text-field__input_3gl1k_26:-internal-autofill-selected{box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 100px var(--purpur-color-background-interactive-auto-fill)}._purpur-text-field__input_3gl1k_26._purpur-text-field__input--valid_3gl1k_94~._purpur-text-field__frame_3gl1k_19{border-color:var(--purpur-color-border-status-success)}._purpur-text-field__input_3gl1k_26._purpur-text-field__input--error_3gl1k_94:not(:hover)~._purpur-text-field__frame_3gl1k_19{border-color:var(--purpur-color-border-status-error)}._purpur-text-field__adornment-container_3gl1k_106{display:flex;align-items:center;gap:var(--purpur-spacing-50)}._purpur-text-field__valid-icon_3gl1k_111{color:var(--purpur-color-text-status-success-medium)}._purpur-date-field__container_ci2f4_1{position:relative}._purpur-date-field__overlay_ci2f4_5{pointer-events:none;box-sizing:border-box;font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);font-weight:var(--purpur-typography-scale-400);color:var(--purpur-color-text-default);line-height:var(--purpur-typography-line-height-loose);white-space:pre}._purpur-date-field__start-adornment_ci2f4_16{color:var(--purpur-color-text-weak)}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}._purpur-button_w455q_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-button_w455q_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-button_w455q_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-button_w455q_1 svg{display:block}._purpur-button--xs_w455q_33{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-button--xs_w455q_33._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-100)}._purpur-button--sm_w455q_39{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-button--sm_w455q_39._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-100)}._purpur-button--md_w455q_45{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-button--md_w455q_45._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-150)}._purpur-button--lg_w455q_51{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-button--lg_w455q_51._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-200)}._purpur-button--full-width_w455q_57{width:100%}._purpur-button--primary_w455q_60{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-button--primary_w455q_60:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-button--primary_w455q_60:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-button--primary-negative_w455q_70{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-button--primary-negative_w455q_70:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-button--primary-negative_w455q_70:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-button--secondary_w455q_82{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-button--secondary_w455q_82:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--secondary_w455q_82:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--secondary-negative_w455q_93{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--secondary-negative_w455q_93:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-button--secondary-negative_w455q_93:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-button--expressive_w455q_104{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-button--expressive_w455q_104:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-button--expressive_w455q_104:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-button--expressive-negative_w455q_114{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-button--expressive-negative_w455q_114:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-button--expressive-negative_w455q_114:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-button--negative_w455q_126._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-disabled-negative);color:var(--purpur-color-text-weak-negative)}._purpur-button--secondary_w455q_82._purpur-button--disabled_w455q_64,._purpur-button--secondary-negative_w455q_93._purpur-button--disabled_w455q_64{box-shadow:none}._purpur-button--destructive_w455q_133{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive_w455q_133:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive_w455q_133:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--destructive-negative_w455q_143{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive-negative_w455q_143:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive-negative_w455q_143:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--tertiary-purple_w455q_153{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--tertiary-purple_w455q_153._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple_w455q_153:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--tertiary-purple_w455q_153:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--tertiary-purple-negative_w455q_166{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--tertiary-purple-negative_w455q_166._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple-negative_w455q_166:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--tertiary-purple-negative_w455q_166:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text-negative_w455q_181{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text-negative_w455q_181:focus-visible:before{border-radius:0}._purpur-button--text-negative_w455q_181{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--text-negative_w455q_181._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--text-negative_w455q_181:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--text-negative_w455q_181:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text_w455q_181{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text_w455q_181:focus-visible:before{border-radius:0}._purpur-button--text_w455q_181{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--text_w455q_181._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-weak)}._purpur-button--text_w455q_181:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--text_w455q_181:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._root_bdmmk_3{--rdp-accent-color: var(--purpur-color-text-interactive-primary);--rdp-accent-background-color: var(--purpur-color-background-interactive-primary);--rdp-day-height: var(--purpur-spacing-400);--rdp-day-width: calc(var(--purpur-spacing-400) + var(--purpur-spacing-100));--rdp-day_button-border-radius: 100%;--rdp-day_button-border: none;--rdp-day_button-height: var(--purpur-spacing-400);--rdp-day_button-width: var(--purpur-spacing-400);--rdp-selected-border: var(--purpur-spacing-25) solid var(--rdp-accent-color);--rdp-disabled-opacity: 1;--rdp-outside-opacity: 1;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: var(--purpur-spacing-100);--rdp-months-gap: var(--purpur-spacing-400);--rdp-nav_button-disabled-opacity: 1;--rdp-nav_button-height: calc(var(--purpur-spacing-50) + var(--purpur-spacing-400));--rdp-nav_button-width: calc(var(--purpur-spacing-50) + var(--purpur-spacing-400));--rdp-nav-height: calc(var(--purpur-spacing-150) + var(--purpur-spacing-400));--rdp-range_middle-background-color: var(--purpur-color-background-interactive-transparent-active);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--purpur-color-background-interactive-transparent-active);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--purpur-color-background-interactive-transparent-active);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: var(--purpur-spacing-25) solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: 1;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: 1;--rdp-weekday-padding: var(--purpur-spacing-100) 0;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1);min-width:fit-content}._root_bdmmk_3 *:focus-visible{outline-color:var(--purpur-color-border-interactive-focus)}._root_bdmmk_3 table{width:100%;border-collapse:separate;border-spacing:0 var(--purpur-spacing-100)}._months_bdmmk_88{max-width:none}._month_bdmmk_88{width:100%}._day_button_bdmmk_96{margin:0 auto;font-weight:var(--purpur-typography-weight-medium)}._day_bdmmk_96{color:var(--rdp-accent-color);padding:0}._day_bdmmk_96:hover:not(._selected_bdmmk_105) ._day_button_bdmmk_96{background-color:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-active);border-radius:50%}._month_caption_bdmmk_111{height:calc(var(--purpur-spacing-400) + var(--purpur-spacing-50));color:var(--purpur-color-text-default);padding-left:var(--purpur-spacing-100);font-size:var(--purpur-typography-scale-150);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium)}._dropdown_root_bdmmk_120{color:var(--rdp-accent-color)}._weekday_bdmmk_124,._week_number_bdmmk_125{color:var(--purpur-color-text-medium);text-transform:uppercase}._selected_bdmmk_105 ._day_button_bdmmk_96{color:var(--purpur-color-text-interactive-on-primary);background-color:var(--purpur-color-background-interactive-primary);border-radius:100%}._selected_bdmmk_105._range_middle_bdmmk_135{background-color:var(--purpur-color-background-interactive-transparent-active)}._selected_bdmmk_105._range_middle_bdmmk_135 ._day_button_bdmmk_96{background-color:transparent;color:var(--purpur-color-text-interactive-primary-active);border-radius:0}._disabled_bdmmk_144{color:var(--purpur-color-text-weak);text-decoration:line-through solid var(--purpur-color-text-weak);opacity:100%}._disabled_bdmmk_144 ._day_button_bdmmk_96{font-weight:var(--purpur-typography-weight-normal)}._outside_bdmmk_153{color:var(--purpur-color-text-weak);opacity:100%}._outside_bdmmk_153 ._day_button_bdmmk_96{font-weight:var(--purpur-typography-weight-normal)}._button_next_bdmmk_161,._button_previous_bdmmk_162{z-index:2;border-radius:var(--purpur-border-radius-full)!important;height:calc(var(--purpur-spacing-400) + var(--purpur-spacing-50))!important}._button_next_bdmmk_161:before,._button_previous_bdmmk_162:before{border-radius:var(--purpur-border-radius-full)!important}._purpur-drawer-content_5mlbf_1{bottom:0;height:90vh;height:90dvh;max-width:100%;position:absolute;right:0;width:100%}@media (prefers-reduced-motion: no-preference){._purpur-drawer-content_5mlbf_1{animation:_drawerSmallScreenAnimation_5mlbf_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out);transition:transform var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}}._purpur-drawer-content--fit-to-content_5mlbf_16{display:flex;flex-direction:column;height:auto;max-height:90vh;max-height:90dvh}@media screen and (min-width: 600px){._purpur-drawer-content_5mlbf_1{height:100vh;height:100dvh;max-width:calc(30rem * var(--purpur-rescale));top:0}._purpur-drawer-content--fit-to-content_5mlbf_16{max-height:100vh;max-height:100dvh}}@media screen and (min-width: 600px) and (prefers-reduced-motion: no-preference){._purpur-drawer-content_5mlbf_1{animation:_drawerLargeScreenAnimation_5mlbf_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}}._purpur-drawer-content_5mlbf_1:focus{outline:none}._purpur-drawer-content__content-container_5mlbf_43{display:flex;flex-direction:column;gap:var(--purpur-spacing-400)}._purpur-drawer-content__drawer-frame_5mlbf_48[data-swipe=cancel]{transform:translateY(0);transition:transform var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}._purpur-drawer-content__drawer-frame_5mlbf_48[data-swipe=move]{transform:translateY(var(--purpur-drawer-swipe-move-y))}._purpur-drawer-content__drawer-frame_5mlbf_48[data-swipe=end]{animation:_slideDown_5mlbf_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-drawer-content__description_5mlbf_58{color:var(--purpur-color-text-default);display:block;font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);font-weight:var(--purpur-typography-weight-normal);-webkit-hyphens:none;hyphens:none;line-height:var(--purpur-typography-line-height-loose);margin:0}._purpur-drawer-overlay_5mlbf_69{background:var(--purpur-color-overlay-default);top:0;right:0;bottom:0;left:0;position:fixed}@media (prefers-reduced-motion: no-preference){._purpur-drawer-overlay_5mlbf_69{animation:_overlayAnimation_5mlbf_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out);transition:opacity var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}}@keyframes _slideDown_5mlbf_1{0%{transform:translateY(var(--purpur-drawer-swipe-end-y))}to{transform:translateY(100%)}}@keyframes _overlayAnimation_5mlbf_1{0%{opacity:0}to{opacity:1}}@keyframes _drawerLargeScreenAnimation_5mlbf_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _drawerSmallScreenAnimation_5mlbf_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._purpur-drawer-container--header_1u45h_1{padding:var(--purpur-spacing-300) var(--purpur-spacing-page-padding-sm) var(--purpur-spacing-150);border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}@media screen and (min-width: 600px){._purpur-drawer-container--header_1u45h_1{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-200)}}._purpur-drawer-container--body_1u45h_10{padding:var(--purpur-spacing-300) var(--purpur-spacing-page-padding-sm) 0}@media screen and (min-width: 600px){._purpur-drawer-container--body_1u45h_10{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) 0}}._purpur-drawer-container--body_1u45h_10._purpur-drawer-container--sticky_1u45h_18{padding:var(--purpur-spacing-300) var(--purpur-spacing-page-padding-sm)}@media screen and (min-width: 600px){._purpur-drawer-container--body_1u45h_10._purpur-drawer-container--sticky_1u45h_18{padding:var(--purpur-spacing-400) var(--purpur-spacing-300)}}._purpur-drawer-container--footer_1u45h_26{padding:0 var(--purpur-spacing-page-padding-sm) var(--purpur-spacing-200)}@media screen and (min-width: 600px){._purpur-drawer-container--footer_1u45h_26{padding:0 var(--purpur-spacing-300) var(--purpur-spacing-200)}}._purpur-drawer-container--footer_1u45h_26._purpur-drawer-container--sticky_1u45h_18{border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak);padding:var(--purpur-spacing-200) var(--purpur-spacing-page-padding-sm)}@media screen and (min-width: 600px){._purpur-drawer-container--footer_1u45h_26._purpur-drawer-container--sticky_1u45h_18{padding:var(--purpur-spacing-200) var(--purpur-spacing-300)}}._purpur-drawer-frame_1gdvv_1{background-color:var(--purpur-color-background-primary);border-top-left-radius:var(--purpur-border-radius-lg);border-top-right-radius:var(--purpur-border-radius-lg);box-shadow:var(--purpur-shadow-lg);display:flex;flex-direction:column;height:100%;position:relative}@media screen and (min-width: 600px){._purpur-drawer-frame_1gdvv_1{border-bottom-left-radius:var(--purpur-border-radius-lg);border-top-right-radius:0}}._purpur-drawer-frame--sticky-footer_1gdvv_17{gap:0}._purpur-drawer-frame__header_1gdvv_20{flex:0 0 auto}._purpur-drawer-frame__body_1gdvv_23{flex:1 1 auto;overflow:hidden}._purpur-drawer-frame--fit-to-content_1gdvv_27{flex:1 1 auto;height:auto;overflow:hidden}._purpur-drawer-frame--fit-to-content_1gdvv_27 ._purpur-drawer-frame__body_1gdvv_23{display:flex;flex-direction:column}._purpur-drawer-frame__footer_1gdvv_36{flex:0 0 auto}._purpur-drawer-frame__content-container_1gdvv_39{display:flex;flex-direction:column;gap:var(--purpur-spacing-400)}._purpur-drawer-frame__content-container--no-footer_1gdvv_44{margin-bottom:var(--purpur-spacing-400)}._purpur-drawer-handle_3n0ew_1{align-items:center;display:flex;height:var(--purpur-spacing-250);justify-content:center;position:absolute;top:0;width:100%}@media screen and (min-width: 600px){._purpur-drawer-handle_3n0ew_1{display:none}}._purpur-drawer-handle_3n0ew_1:before{content:"";background:var(--purpur-color-border-weak);border-radius:var(--purpur-border-radius-full);height:var(--purpur-spacing-50);width:var(--purpur-spacing-600)}._purpur-drawer-header__row_1yg5w_1{display:flex;align-items:center;gap:var(--purpur-spacing-100)}._purpur-drawer-header__row--with-back-button_1yg5w_6{margin-bottom:var(--purpur-spacing-100)}._purpur-drawer-header__left_1yg5w_9{flex:1 1 auto}._purpur-drawer-header__right_1yg5w_12{flex:0 0 auto}._purpur-drawer-header__close-button_1yg5w_15{margin-right:calc(-1 * var(--purpur-spacing-100))}._purpur-drawer-header__back-button--only-icon_1yg5w_18{margin-left:calc(-1 * var(--purpur-spacing-100))}._purpur-drawer-scroll-area__root_1r0fa_1{height:100%}._purpur-drawer-scroll-area__root--fit-to-content_1r0fa_4{display:flex;flex-direction:column;height:auto;overflow:hidden}._purpur-drawer-scroll-area__viewport_1r0fa_10{height:100%}._purpur-drawer-scroll-area__scrollbar_1r0fa_13{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:var(--purpur-spacing-25);background:var(--purpur-color-functional-white);transition:background var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out);width:var(--purpur-spacing-100)}._purpur-drawer-scroll-area__thumb_1r0fa_24{background:var(--purpur-color-gray-200);border-radius:var(--purpur-spacing-200);flex:1;position:relative}._purpur-drawer-scroll-area__thumb_1r0fa_24:before{content:"";height:100%;left:50%;min-height:var(--purpur-spacing-300);min-width:var(--purpur-spacing-300);position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}._purpur-icon_8u1lq_1{display:inline-block}._purpur-icon--xxs_8u1lq_4{width:var(--purpur-spacing-150);height:var(--purpur-spacing-150)}._purpur-icon--xs_8u1lq_8{width:var(--purpur-spacing-200);height:var(--purpur-spacing-200)}._purpur-icon--sm_8u1lq_12{width:var(--purpur-spacing-250);height:var(--purpur-spacing-250)}._purpur-icon--md_8u1lq_16{width:var(--purpur-spacing-300);height:var(--purpur-spacing-300)}._purpur-icon--lg_8u1lq_20{width:var(--purpur-spacing-400);height:var(--purpur-spacing-400)}._purpur-icon--xl_8u1lq_24{width:var(--purpur-spacing-600);height:var(--purpur-spacing-600)}._date-picker-calendar-container_17f84_1{padding:var(--purpur-spacing-150) var(--purpur-spacing-100) 0 var(--purpur-spacing-100);margin:0;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);border-radius:var(--purpur-border-radius-sm);background-color:var(--purpur-color-background-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--purpur-shadow-md)}
|
|
1
|
+
._purpur-text-field_3gl1k_1{position:relative;display:flex;flex-direction:column;gap:var(--purpur-spacing-50)}._purpur-text-field__label_3gl1k_7{display:flex;gap:var(--purpur-spacing-25);width:fit-content}._purpur-text-field__label-text_3gl1k_12{width:fit-content}._purpur-text-field__field-row_3gl1k_15{display:flex;width:100%}._purpur-text-field__frame_3gl1k_19{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--purpur-border-radius-sm);border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);pointer-events:none}._purpur-text-field__input-container_3gl1k_26{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--purpur-border-radius-sm);background:var(--purpur-color-background-primary)}._purpur-text-field__input-container_3gl1k_26:has(:-internal-autofill-previewed),._purpur-text-field__input-container_3gl1k_26:has(:-internal-autofill-selected){background-color:var(--purpur-color-background-interactive-auto-fill)!important}._purpur-text-field__input-container--disabled_3gl1k_37{background:var(--purpur-color-background-interactive-disabled)}._purpur-text-field__input-container--readonly_3gl1k_40{background:var(--purpur-color-background-interactive-read-only)}._purpur-text-field__input-container--has-clear-button_3gl1k_43{padding-right:var(--purpur-spacing-25)}._purpur-text-field__input-container--end-adornment_3gl1k_46{padding-right:var(--purpur-spacing-150)}._purpur-text-field__input-container--end-adornment_3gl1k_46 ._purpur-text-field__input_3gl1k_26{padding-right:var(--purpur-spacing-100)}._purpur-text-field__input-container--start-adornment_3gl1k_52{padding-left:var(--purpur-spacing-150)}._purpur-text-field__input-container--start-adornment_3gl1k_52 ._purpur-text-field__input_3gl1k_26{padding-left:var(--purpur-spacing-100)}._purpur-text-field__input_3gl1k_26{border-radius:var(--purpur-border-radius-sm);padding:calc(var(--purpur-spacing-100) + var(--purpur-spacing-25)) var(--purpur-spacing-150);border:none;width:100%;box-sizing:border-box;font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);line-height:150%;outline:none;background:transparent;color:var(--purpur-color-text-default)}._purpur-text-field__input_3gl1k_26:hover~._purpur-text-field__frame_3gl1k_19{border-width:var(--purpur-border-width-sm);border-color:var(--purpur-color-border-interactive-subtle-hover)}._purpur-text-field__input_3gl1k_26:active:not(:disabled):not(:read-only)~._purpur-text-field__frame_3gl1k_19,._purpur-text-field__input_3gl1k_26:focus:not(:disabled):not(:read-only)~._purpur-text-field__frame_3gl1k_19{outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:calc(var(--purpur-spacing-10) * 2);border-width:var(--purpur-border-width-xs);border-color:var(--purpur-color-border-interactive-subtle-hover)}._purpur-text-field__input_3gl1k_26:disabled{color:var(--purpur-color-text-weak)}._purpur-text-field__input_3gl1k_26:disabled~._purpur-text-field__frame_3gl1k_19{border-width:var(--purpur-border-width-xs);border-color:var(--purpur-color-border-medium)}._purpur-text-field__input_3gl1k_26:read-only:not(:disabled){color:var(--purpur-color-text-default)}._purpur-text-field__input_3gl1k_26:read-only:not(:disabled)~._purpur-text-field__frame_3gl1k_19{border-width:var(--purpur-border-width-xs)}._purpur-text-field__input_3gl1k_26:read-only:not(:disabled):not(._purpur-text-field__input--valid_3gl1k_94):not(._purpur-text-field__input--error_3gl1k_94)~._purpur-text-field__frame_3gl1k_19{border-color:var(--purpur-color-border-medium)}._purpur-text-field__input_3gl1k_26:-internal-autofill-previewed,._purpur-text-field__input_3gl1k_26:-internal-autofill-selected{box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 100px var(--purpur-color-background-interactive-auto-fill)}._purpur-text-field__input_3gl1k_26._purpur-text-field__input--valid_3gl1k_94~._purpur-text-field__frame_3gl1k_19{border-color:var(--purpur-color-border-status-success)}._purpur-text-field__input_3gl1k_26._purpur-text-field__input--error_3gl1k_94:not(:hover)~._purpur-text-field__frame_3gl1k_19{border-color:var(--purpur-color-border-status-error)}._purpur-text-field__adornment-container_3gl1k_106{display:flex;align-items:center;gap:var(--purpur-spacing-50)}._purpur-text-field__valid-icon_3gl1k_111{color:var(--purpur-color-text-status-success-medium)}._purpur-date-field__container_ci2f4_1{position:relative}._purpur-date-field__overlay_ci2f4_5{pointer-events:none;box-sizing:border-box;font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);font-weight:var(--purpur-typography-scale-400);color:var(--purpur-color-text-default);line-height:var(--purpur-typography-line-height-loose);white-space:pre}._purpur-date-field__start-adornment_ci2f4_16{color:var(--purpur-color-text-weak)}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}._purpur-button_1goi7_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-button_1goi7_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-button_1goi7_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-button_1goi7_1 svg{display:block}._purpur-button--xs_1goi7_33{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-button--xs_1goi7_33._purpur-button--icon-only_1goi7_36{padding:var(--purpur-spacing-100)}._purpur-button--sm_1goi7_39{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-button--sm_1goi7_39._purpur-button--icon-only_1goi7_36{padding:var(--purpur-spacing-100)}._purpur-button--md_1goi7_45{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-button--md_1goi7_45._purpur-button--icon-only_1goi7_36{padding:var(--purpur-spacing-150)}._purpur-button--lg_1goi7_51{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-button--lg_1goi7_51._purpur-button--icon-only_1goi7_36{padding:var(--purpur-spacing-200)}._purpur-button--full-width_1goi7_57{width:100%}._purpur-button--primary_1goi7_60{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-button--primary_1goi7_60:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-button--primary_1goi7_60:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-button--primary-negative_1goi7_70{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-button--primary-negative_1goi7_70:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-primary-hover-negative);border-color:var(--purpur-color-background-interactive-primary-hover-negative)}._purpur-button--primary-negative_1goi7_70:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-primary-active-negative);border-color:var(--purpur-color-background-interactive-primary-active-negative)}._purpur-button--secondary_1goi7_82{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-button--secondary_1goi7_82:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--secondary_1goi7_82:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--secondary-negative_1goi7_93{background-color:transparent;box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--secondary-negative_1goi7_93:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-button--secondary-negative_1goi7_93:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-button--expressive_1goi7_104{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-button--expressive_1goi7_104:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-button--expressive_1goi7_104:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-button--expressive-negative_1goi7_114{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-button--expressive-negative_1goi7_114:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-expressive-hover-negative);color:var(--purpur-color-text-interactive-on-expressive-hover-negative)}._purpur-button--expressive-negative_1goi7_114:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-expressive-active-negative);color:var(--purpur-color-text-interactive-on-expressive-active-negative)}._purpur-button--negative_1goi7_126._purpur-button--disabled_1goi7_64{background-color:var(--purpur-color-background-interactive-disabled-negative);color:var(--purpur-color-text-weak-negative)}._purpur-button--secondary_1goi7_82._purpur-button--disabled_1goi7_64,._purpur-button--secondary-negative_1goi7_93._purpur-button--disabled_1goi7_64{box-shadow:none}._purpur-button--destructive_1goi7_133{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive_1goi7_133:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive_1goi7_133:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--destructive-negative_1goi7_143{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive-negative_1goi7_143:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive-negative_1goi7_143:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--tertiary-purple_1goi7_153{background-color:transparent;color:var(--purpur-color-text-interactive-primary)}._purpur-button--tertiary-purple_1goi7_153._purpur-button--disabled_1goi7_64{background-color:transparent}._purpur-button--tertiary-purple_1goi7_153:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--tertiary-purple_1goi7_153:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--tertiary-purple-negative_1goi7_166{background-color:transparent;color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--tertiary-purple-negative_1goi7_166._purpur-button--disabled_1goi7_64{background-color:transparent}._purpur-button--tertiary-purple-negative_1goi7_166:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-hover-negative);color:var(--purpur-color-text-interactive-primary-hover-negative)}._purpur-button--tertiary-purple-negative_1goi7_166:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-active-negative);color:var(--purpur-color-text-interactive-primary-active-negative)}._purpur-button--text-negative_1goi7_181{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text-negative_1goi7_181:focus-visible:before{border-radius:0}._purpur-button--text-negative_1goi7_181{background-color:transparent;color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--text-negative_1goi7_181._purpur-button--disabled_1goi7_64{background-color:transparent}._purpur-button--text-negative_1goi7_181:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-hover-negative);color:var(--purpur-color-text-interactive-primary-hover-negative)}._purpur-button--text-negative_1goi7_181:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-active-negative);color:var(--purpur-color-text-interactive-primary-active-negative)}._purpur-button--text_1goi7_181{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text_1goi7_181:focus-visible:before{border-radius:0}._purpur-button--text_1goi7_181{background-color:transparent;color:var(--purpur-color-text-interactive-primary)}._purpur-button--text_1goi7_181._purpur-button--disabled_1goi7_64{background-color:transparent;color:var(--purpur-color-text-weak)}._purpur-button--text_1goi7_181:hover:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--text_1goi7_181:active:not(._purpur-button--disabled_1goi7_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--disabled_1goi7_64{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._root_bdmmk_3{--rdp-accent-color: var(--purpur-color-text-interactive-primary);--rdp-accent-background-color: var(--purpur-color-background-interactive-primary);--rdp-day-height: var(--purpur-spacing-400);--rdp-day-width: calc(var(--purpur-spacing-400) + var(--purpur-spacing-100));--rdp-day_button-border-radius: 100%;--rdp-day_button-border: none;--rdp-day_button-height: var(--purpur-spacing-400);--rdp-day_button-width: var(--purpur-spacing-400);--rdp-selected-border: var(--purpur-spacing-25) solid var(--rdp-accent-color);--rdp-disabled-opacity: 1;--rdp-outside-opacity: 1;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: var(--purpur-spacing-100);--rdp-months-gap: var(--purpur-spacing-400);--rdp-nav_button-disabled-opacity: 1;--rdp-nav_button-height: calc(var(--purpur-spacing-50) + var(--purpur-spacing-400));--rdp-nav_button-width: calc(var(--purpur-spacing-50) + var(--purpur-spacing-400));--rdp-nav-height: calc(var(--purpur-spacing-150) + var(--purpur-spacing-400));--rdp-range_middle-background-color: var(--purpur-color-background-interactive-transparent-active);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--purpur-color-background-interactive-transparent-active);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--purpur-color-background-interactive-transparent-active);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: var(--purpur-spacing-25) solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: 1;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: 1;--rdp-weekday-padding: var(--purpur-spacing-100) 0;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1);min-width:fit-content}._root_bdmmk_3 *:focus-visible{outline-color:var(--purpur-color-border-interactive-focus)}._root_bdmmk_3 table{width:100%;border-collapse:separate;border-spacing:0 var(--purpur-spacing-100)}._months_bdmmk_88{max-width:none}._month_bdmmk_88{width:100%}._day_button_bdmmk_96{margin:0 auto;font-weight:var(--purpur-typography-weight-medium)}._day_bdmmk_96{color:var(--rdp-accent-color);padding:0}._day_bdmmk_96:hover:not(._selected_bdmmk_105) ._day_button_bdmmk_96{background-color:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-active);border-radius:50%}._month_caption_bdmmk_111{height:calc(var(--purpur-spacing-400) + var(--purpur-spacing-50));color:var(--purpur-color-text-default);padding-left:var(--purpur-spacing-100);font-size:var(--purpur-typography-scale-150);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium)}._dropdown_root_bdmmk_120{color:var(--rdp-accent-color)}._weekday_bdmmk_124,._week_number_bdmmk_125{color:var(--purpur-color-text-medium);text-transform:uppercase}._selected_bdmmk_105 ._day_button_bdmmk_96{color:var(--purpur-color-text-interactive-on-primary);background-color:var(--purpur-color-background-interactive-primary);border-radius:100%}._selected_bdmmk_105._range_middle_bdmmk_135{background-color:var(--purpur-color-background-interactive-transparent-active)}._selected_bdmmk_105._range_middle_bdmmk_135 ._day_button_bdmmk_96{background-color:transparent;color:var(--purpur-color-text-interactive-primary-active);border-radius:0}._disabled_bdmmk_144{color:var(--purpur-color-text-weak);text-decoration:line-through solid var(--purpur-color-text-weak);opacity:100%}._disabled_bdmmk_144 ._day_button_bdmmk_96{font-weight:var(--purpur-typography-weight-normal)}._outside_bdmmk_153{color:var(--purpur-color-text-weak);opacity:100%}._outside_bdmmk_153 ._day_button_bdmmk_96{font-weight:var(--purpur-typography-weight-normal)}._button_next_bdmmk_161,._button_previous_bdmmk_162{z-index:2;border-radius:var(--purpur-border-radius-full)!important;height:calc(var(--purpur-spacing-400) + var(--purpur-spacing-50))!important}._button_next_bdmmk_161:before,._button_previous_bdmmk_162:before{border-radius:var(--purpur-border-radius-full)!important}._purpur-drawer-content_khfax_1{bottom:0;height:90vh;height:90dvh;max-width:100%;position:absolute;width:100%}@media (prefers-reduced-motion: no-preference){._purpur-drawer-content_khfax_1{animation:_drawerSmallScreenAnimation_khfax_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out);transition:transform var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}}._purpur-drawer-content--left_khfax_15{left:0}._purpur-drawer-content--right_khfax_18{right:0}._purpur-drawer-content--fit-to-content_khfax_21{display:flex;flex-direction:column;height:auto;max-height:90vh;max-height:90dvh}@media screen and (min-width: 600px){._purpur-drawer-content_khfax_1{height:100vh;height:100dvh;max-width:calc(30rem * var(--purpur-rescale));top:0}._purpur-drawer-content--fit-to-content_khfax_21{max-height:100vh;max-height:100dvh}}@media screen and (min-width: 600px) and (prefers-reduced-motion: no-preference){._purpur-drawer-content--right_khfax_18{animation:_drawerLargeScreenAnimationRight_khfax_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}._purpur-drawer-content--left_khfax_15{animation:_drawerLargeScreenAnimationLeft_khfax_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}}._purpur-drawer-content_khfax_1:focus{outline:none}._purpur-drawer-content__content-container_khfax_51{display:flex;flex-direction:column;gap:var(--purpur-spacing-400)}._purpur-drawer-content__drawer-frame_khfax_56[data-swipe=cancel]{transform:translateY(0);transition:transform var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}._purpur-drawer-content__drawer-frame_khfax_56[data-swipe=move]{transform:translateY(var(--purpur-drawer-swipe-move-y))}._purpur-drawer-content__drawer-frame_khfax_56[data-swipe=end]{animation:_slideDown_khfax_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-drawer-content__description_khfax_66{color:var(--purpur-color-text-default);display:block;font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);font-weight:var(--purpur-typography-weight-normal);-webkit-hyphens:none;hyphens:none;line-height:var(--purpur-typography-line-height-loose);margin:0}._purpur-drawer-overlay_khfax_77{background:var(--purpur-color-overlay-default);top:0;right:0;bottom:0;left:0;position:fixed}@media (prefers-reduced-motion: no-preference){._purpur-drawer-overlay_khfax_77{animation:_overlayAnimation_khfax_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out);transition:opacity var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out)}}@keyframes _slideDown_khfax_1{0%{transform:translateY(var(--purpur-drawer-swipe-end-y))}to{transform:translateY(100%)}}@keyframes _overlayAnimation_khfax_1{0%{opacity:0}to{opacity:1}}@keyframes _drawerLargeScreenAnimationRight_khfax_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _drawerLargeScreenAnimationLeft_khfax_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _drawerSmallScreenAnimation_khfax_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._purpur-drawer-container--header_1u45h_1{padding:var(--purpur-spacing-300) var(--purpur-spacing-page-padding-sm) var(--purpur-spacing-150);border-bottom:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}@media screen and (min-width: 600px){._purpur-drawer-container--header_1u45h_1{padding:var(--purpur-spacing-300) var(--purpur-spacing-300) var(--purpur-spacing-200)}}._purpur-drawer-container--body_1u45h_10{padding:var(--purpur-spacing-300) var(--purpur-spacing-page-padding-sm) 0}@media screen and (min-width: 600px){._purpur-drawer-container--body_1u45h_10{padding:var(--purpur-spacing-400) var(--purpur-spacing-300) 0}}._purpur-drawer-container--body_1u45h_10._purpur-drawer-container--sticky_1u45h_18{padding:var(--purpur-spacing-300) var(--purpur-spacing-page-padding-sm)}@media screen and (min-width: 600px){._purpur-drawer-container--body_1u45h_10._purpur-drawer-container--sticky_1u45h_18{padding:var(--purpur-spacing-400) var(--purpur-spacing-300)}}._purpur-drawer-container--footer_1u45h_26{padding:0 var(--purpur-spacing-page-padding-sm) var(--purpur-spacing-200)}@media screen and (min-width: 600px){._purpur-drawer-container--footer_1u45h_26{padding:0 var(--purpur-spacing-300) var(--purpur-spacing-200)}}._purpur-drawer-container--footer_1u45h_26._purpur-drawer-container--sticky_1u45h_18{border-top:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak);padding:var(--purpur-spacing-200) var(--purpur-spacing-page-padding-sm)}@media screen and (min-width: 600px){._purpur-drawer-container--footer_1u45h_26._purpur-drawer-container--sticky_1u45h_18{padding:var(--purpur-spacing-200) var(--purpur-spacing-300)}}._purpur-drawer-frame_1s8hq_1{background-color:var(--purpur-color-background-primary);border-top-left-radius:var(--purpur-border-radius-lg);border-top-right-radius:var(--purpur-border-radius-lg);box-shadow:var(--purpur-shadow-lg);display:flex;flex-direction:column;height:100%;position:relative}@media screen and (min-width: 600px){._purpur-drawer-frame--left_1s8hq_12{border-bottom-right-radius:var(--purpur-border-radius-lg);border-top-left-radius:0}._purpur-drawer-frame--right_1s8hq_16{border-bottom-left-radius:var(--purpur-border-radius-lg);border-top-right-radius:0}}._purpur-drawer-frame--sticky-footer_1s8hq_21{gap:0}._purpur-drawer-frame__header_1s8hq_24{flex:0 0 auto}._purpur-drawer-frame__body_1s8hq_27{flex:1 1 auto;overflow:hidden}._purpur-drawer-frame--fit-to-content_1s8hq_31{flex:1 1 auto;height:auto;overflow:hidden}._purpur-drawer-frame--fit-to-content_1s8hq_31 ._purpur-drawer-frame__body_1s8hq_27{display:flex;flex-direction:column}._purpur-drawer-frame__footer_1s8hq_40{flex:0 0 auto}._purpur-drawer-frame__content-container_1s8hq_43{display:flex;flex-direction:column;gap:var(--purpur-spacing-400)}._purpur-drawer-frame__content-container--no-footer_1s8hq_48{margin-bottom:var(--purpur-spacing-400)}._purpur-drawer-handle_3n0ew_1{align-items:center;display:flex;height:var(--purpur-spacing-250);justify-content:center;position:absolute;top:0;width:100%}@media screen and (min-width: 600px){._purpur-drawer-handle_3n0ew_1{display:none}}._purpur-drawer-handle_3n0ew_1:before{content:"";background:var(--purpur-color-border-weak);border-radius:var(--purpur-border-radius-full);height:var(--purpur-spacing-50);width:var(--purpur-spacing-600)}._purpur-drawer-header__row_1yg5w_1{display:flex;align-items:center;gap:var(--purpur-spacing-100)}._purpur-drawer-header__row--with-back-button_1yg5w_6{margin-bottom:var(--purpur-spacing-100)}._purpur-drawer-header__left_1yg5w_9{flex:1 1 auto}._purpur-drawer-header__right_1yg5w_12{flex:0 0 auto}._purpur-drawer-header__close-button_1yg5w_15{margin-right:calc(-1 * var(--purpur-spacing-100))}._purpur-drawer-header__back-button--only-icon_1yg5w_18{margin-left:calc(-1 * var(--purpur-spacing-100))}._purpur-drawer-scroll-area__root_1r0fa_1{height:100%}._purpur-drawer-scroll-area__root--fit-to-content_1r0fa_4{display:flex;flex-direction:column;height:auto;overflow:hidden}._purpur-drawer-scroll-area__viewport_1r0fa_10{height:100%}._purpur-drawer-scroll-area__scrollbar_1r0fa_13{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:var(--purpur-spacing-25);background:var(--purpur-color-functional-white);transition:background var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out);width:var(--purpur-spacing-100)}._purpur-drawer-scroll-area__thumb_1r0fa_24{background:var(--purpur-color-gray-200);border-radius:var(--purpur-spacing-200);flex:1;position:relative}._purpur-drawer-scroll-area__thumb_1r0fa_24:before{content:"";height:100%;left:50%;min-height:var(--purpur-spacing-300);min-width:var(--purpur-spacing-300);position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}._purpur-icon_8u1lq_1{display:inline-block}._purpur-icon--xxs_8u1lq_4{width:var(--purpur-spacing-150);height:var(--purpur-spacing-150)}._purpur-icon--xs_8u1lq_8{width:var(--purpur-spacing-200);height:var(--purpur-spacing-200)}._purpur-icon--sm_8u1lq_12{width:var(--purpur-spacing-250);height:var(--purpur-spacing-250)}._purpur-icon--md_8u1lq_16{width:var(--purpur-spacing-300);height:var(--purpur-spacing-300)}._purpur-icon--lg_8u1lq_20{width:var(--purpur-spacing-400);height:var(--purpur-spacing-400)}._purpur-icon--xl_8u1lq_24{width:var(--purpur-spacing-600);height:var(--purpur-spacing-600)}._date-picker-calendar-container_17f84_1{padding:var(--purpur-spacing-150) var(--purpur-spacing-100) 0 var(--purpur-spacing-100);margin:0;border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-subtle);border-radius:var(--purpur-border-radius-sm);background-color:var(--purpur-color-background-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--purpur-shadow-md)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/date-picker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/date-picker.cjs.js",
|
|
6
6
|
"types": "./dist/date-picker.d.ts",
|
|
@@ -15,20 +15,19 @@
|
|
|
15
15
|
},
|
|
16
16
|
"source": "src/date-picker.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
|
+
"@floating-ui/react": "~0.27.12",
|
|
18
19
|
"classnames": "~2.5.0",
|
|
19
20
|
"date-fns": "~4.1.0",
|
|
20
21
|
"react-input-mask": "~2.0.4",
|
|
21
|
-
"@
|
|
22
|
-
"@purpurds/
|
|
23
|
-
"@purpurds/
|
|
24
|
-
"@purpurds/drawer": "
|
|
25
|
-
"@purpurds/icon": "
|
|
26
|
-
"@purpurds/
|
|
27
|
-
"@purpurds/
|
|
28
|
-
"@purpurds/text-field": "7.13.1"
|
|
22
|
+
"@purpurds/button": "8.0.0",
|
|
23
|
+
"@purpurds/calendar": "8.0.0",
|
|
24
|
+
"@purpurds/date-field": "8.0.0",
|
|
25
|
+
"@purpurds/drawer": "8.0.0",
|
|
26
|
+
"@purpurds/icon": "8.0.0",
|
|
27
|
+
"@purpurds/text-field": "8.0.0",
|
|
28
|
+
"@purpurds/tokens": "8.0.0"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"eslint": "9.24.0",
|
|
32
31
|
"@storybook/react-vite": "^9.0.18",
|
|
33
32
|
"@testing-library/dom": "~10.4.0",
|
|
34
33
|
"@testing-library/jest-dom": "~6.4.0",
|
|
@@ -37,6 +36,7 @@
|
|
|
37
36
|
"@types/node": "22.17",
|
|
38
37
|
"@types/react-dom": "^19.0.4",
|
|
39
38
|
"@types/react": "^19.0.10",
|
|
39
|
+
"eslint": "9.24.0",
|
|
40
40
|
"jsdom": "~22.1.0",
|
|
41
41
|
"lint-staged": "15.5.0",
|
|
42
42
|
"prettier": "~2.8.8",
|
|
@@ -46,7 +46,8 @@
|
|
|
46
46
|
"typescript": "^5.6.3",
|
|
47
47
|
"vite": "^6.2.1",
|
|
48
48
|
"vitest": "^3.1.2",
|
|
49
|
-
"@purpurds/component-rig": "1.0.0"
|
|
49
|
+
"@purpurds/component-rig": "1.0.0",
|
|
50
|
+
"@purpurds/heading": "8.0.0"
|
|
50
51
|
},
|
|
51
52
|
"peerDependencies": {
|
|
52
53
|
"@types/react": "^18 || ^19",
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
3
3
|
|
|
4
|
+
import "@purpurds/heading/styles";
|
|
5
|
+
import "@purpurds/text-field/styles";
|
|
4
6
|
import { DatePicker } from "./date-picker";
|
|
5
7
|
|
|
6
8
|
const meta = {
|
|
@@ -16,13 +18,18 @@ const meta = {
|
|
|
16
18
|
],
|
|
17
19
|
},
|
|
18
20
|
args: {
|
|
19
|
-
label: "Date
|
|
21
|
+
label: "Date",
|
|
20
22
|
helperText: "Helper text",
|
|
21
23
|
valid: false,
|
|
22
24
|
errorText: "",
|
|
23
25
|
disabled: false,
|
|
24
26
|
readOnly: false,
|
|
25
27
|
required: false,
|
|
28
|
+
drawerContentProps: {
|
|
29
|
+
closeButtonAriaLabel: "Close calendar",
|
|
30
|
+
title: "Select date",
|
|
31
|
+
},
|
|
32
|
+
overlayZIndex: 9,
|
|
26
33
|
},
|
|
27
34
|
argTypes: {
|
|
28
35
|
startAdornment: { table: { disable: true } },
|
|
@@ -42,17 +49,12 @@ type Story = StoryObj<typeof DatePicker>;
|
|
|
42
49
|
|
|
43
50
|
export const Showcase: Story = {
|
|
44
51
|
args: {
|
|
45
|
-
label: "Date",
|
|
46
52
|
helperText: "This is a date picker",
|
|
47
53
|
},
|
|
48
|
-
render: (args) => {
|
|
49
|
-
return <DatePicker {...args} />;
|
|
50
|
-
},
|
|
51
54
|
};
|
|
52
55
|
|
|
53
56
|
export const Controlled: Story = {
|
|
54
57
|
args: {
|
|
55
|
-
label: "Date",
|
|
56
58
|
helperText: "This is a controlled date picker",
|
|
57
59
|
},
|
|
58
60
|
render: (args) => {
|
package/src/date-picker.test.tsx
CHANGED
|
@@ -7,18 +7,26 @@ import { DatePicker } from "./date-picker";
|
|
|
7
7
|
|
|
8
8
|
expect.extend(matchers);
|
|
9
9
|
|
|
10
|
+
const defaultProps = {
|
|
11
|
+
["data-testid"]: "date-picker",
|
|
12
|
+
drawerContentProps: {
|
|
13
|
+
title: "Select Date",
|
|
14
|
+
closeButtonAriaLabel: "Close calendar",
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
|
|
10
18
|
describe("DatePicker", () => {
|
|
11
19
|
afterEach(() => {
|
|
12
20
|
cleanup();
|
|
13
21
|
});
|
|
14
22
|
|
|
15
23
|
it("renders without crashing", () => {
|
|
16
|
-
render(<DatePicker
|
|
24
|
+
render(<DatePicker {...defaultProps} />);
|
|
17
25
|
expect(screen.getByTestId("date-picker-input")).toBeInTheDocument();
|
|
18
26
|
});
|
|
19
27
|
|
|
20
28
|
it("shows calendar when input is clicked (big screen)", async () => {
|
|
21
|
-
render(<DatePicker
|
|
29
|
+
render(<DatePicker {...defaultProps} />);
|
|
22
30
|
screen.getByTestId("date-picker-input").click();
|
|
23
31
|
await waitFor(() => {
|
|
24
32
|
expect(screen.getByTestId("date-picker-calendar")).toBeInTheDocument();
|
|
@@ -27,7 +35,7 @@ describe("DatePicker", () => {
|
|
|
27
35
|
|
|
28
36
|
it("calls onChange when a date is selected", async () => {
|
|
29
37
|
const handleChange = vi.fn();
|
|
30
|
-
render(<DatePicker onChange={handleChange}
|
|
38
|
+
render(<DatePicker onChange={handleChange} {...defaultProps} />);
|
|
31
39
|
|
|
32
40
|
const input = screen.getByTestId("date-picker-input") as HTMLInputElement;
|
|
33
41
|
input.click();
|
|
@@ -42,7 +50,7 @@ describe("DatePicker", () => {
|
|
|
42
50
|
it("renders modal in small screen mode", async () => {
|
|
43
51
|
Object.defineProperty(window, "innerWidth", { writable: true, configurable: true, value: 320 });
|
|
44
52
|
window.dispatchEvent(new Event("resize"));
|
|
45
|
-
render(<DatePicker
|
|
53
|
+
render(<DatePicker {...defaultProps} />);
|
|
46
54
|
screen.getByTestId("date-picker-input").click();
|
|
47
55
|
await waitFor(() => {
|
|
48
56
|
expect(screen.getByTestId("date-picker-calendar")).toBeInTheDocument();
|
|
@@ -50,7 +58,7 @@ describe("DatePicker", () => {
|
|
|
50
58
|
});
|
|
51
59
|
|
|
52
60
|
it("closes calendar on date select", async () => {
|
|
53
|
-
render(<DatePicker
|
|
61
|
+
render(<DatePicker {...defaultProps} />);
|
|
54
62
|
screen.getByTestId("date-picker-input").click();
|
|
55
63
|
await waitFor(() => {
|
|
56
64
|
expect(screen.getByTestId("date-picker-calendar")).toBeInTheDocument();
|
package/src/date-picker.tsx
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, {
|
|
2
|
+
type ComponentProps,
|
|
2
3
|
type ForwardedRef,
|
|
3
4
|
forwardRef,
|
|
4
5
|
useEffect,
|
|
@@ -33,23 +34,29 @@ import styles from "./date-picker.module.scss";
|
|
|
33
34
|
const cx = c.bind(styles);
|
|
34
35
|
|
|
35
36
|
export type DatePickerProps = DateFieldProps & {
|
|
36
|
-
/** Props to be passed down to Calendar component */
|
|
37
37
|
calendarProps?: CalendarProps;
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
38
|
+
drawerContentProps: Omit<
|
|
39
|
+
ComponentProps<typeof Drawer.Content>,
|
|
40
|
+
| "children"
|
|
41
|
+
| "backButton"
|
|
42
|
+
| "backButtonText"
|
|
43
|
+
| "backButtonOnlyIcon"
|
|
44
|
+
| "onBackButtonClick"
|
|
45
|
+
| "zIndex"
|
|
46
|
+
>;
|
|
47
|
+
overlayZIndex?: number;
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
export const DatePicker = forwardRef(
|
|
51
51
|
(
|
|
52
|
-
{
|
|
52
|
+
{
|
|
53
|
+
calendarProps,
|
|
54
|
+
drawerContentProps,
|
|
55
|
+
value,
|
|
56
|
+
onChange,
|
|
57
|
+
overlayZIndex,
|
|
58
|
+
...props
|
|
59
|
+
}: DatePickerProps,
|
|
53
60
|
ref: ForwardedRef<HTMLDivElement>
|
|
54
61
|
) => {
|
|
55
62
|
const [showCalendar, setShowCalendar] = useState(false);
|
|
@@ -130,11 +137,10 @@ export const DatePicker = forwardRef(
|
|
|
130
137
|
/>
|
|
131
138
|
</Drawer.Trigger>
|
|
132
139
|
<Drawer.Content
|
|
133
|
-
closeButtonAriaLabel="Close calendar"
|
|
134
|
-
title="Select date"
|
|
135
140
|
data-testid={props["data-testid"] && `${props["data-testid"]}-calendar`}
|
|
136
|
-
{...drawerContentProps}
|
|
137
141
|
fitToContent
|
|
142
|
+
{...drawerContentProps}
|
|
143
|
+
zIndex={overlayZIndex}
|
|
138
144
|
>
|
|
139
145
|
<Calendar
|
|
140
146
|
showOutsideDays={true}
|
|
@@ -167,7 +173,7 @@ export const DatePicker = forwardRef(
|
|
|
167
173
|
data-testid={props["data-testid"] && `${props["data-testid"]}-calendar`}
|
|
168
174
|
className={cx(`date-picker-calendar-container`)}
|
|
169
175
|
ref={refs.setFloating}
|
|
170
|
-
style={floatingStyles}
|
|
176
|
+
style={{ ...floatingStyles, zIndex: overlayZIndex }}
|
|
171
177
|
{...getFloatingProps()}
|
|
172
178
|
>
|
|
173
179
|
<Calendar
|