@start-base/react-form-elements/MultipleDatePicker/styles.css

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

.SUI-CalendarRoot-module-calendar-YEe-7{margin:0!important}.SUI-CalendarRoot-module-months--6KTQ{background:var(--rfe-background)!important;border:1px solid var(--rfe-border);border-radius:var(--rfe-border-radius)!important;color:var(--rfe-color)!important;display:flex;gap:var(--rfe-spacing);padding:1rem!important;transition:all .25s;width:fit-content}.SUI-CalendarRoot-module-months--6KTQ>div{margin:0}@media (max-width:576px){.SUI-CalendarRoot-module-months--6KTQ{flex-direction:column}}.SUI-CalendarRoot-module-month-aa13w{background:var(--rfe-background)!important;border:1px solid var(--rfe-border);border-radius:var(--rfe-border-radius)!important;color:var(--rfe-color)!important;display:block;padding:1rem!important;transition:all .25s}.SUI-CalendarRoot-module-captionLabel-Q-PII{z-index:unset}.SUI-CalendarRoot-module-disabled-LmYOQ{background:var(--rfe-background-disabled)!important;color:var(--rfe-color);cursor:not-allowed}.SUI-CalendarRoot-module-error-qiefI{border-color:var(--rfe-color-error)!important}.SUI-MultipleDatePicker-module-root-yCjFT{margin-bottom:var(--rfe-spacing);position:relative}.SUI-MultipleDatePicker-module-inputRoot-Pim6h{position:relative}.SUI-MultipleDatePicker-module-calendar-jdoCX{margin:var(--rfe-label-spacing) 0!important}.SUI-MultipleDatePicker-module-label-GKNnc{color:var(--rfe-color);cursor:text;font-size:var(--rfe-font-size);left:16px;line-height:1;margin-bottom:0;position:absolute;top:-2px;transform:translateY(calc((var(--rfe-input-height) - 14px)/2));transition:all .25s}.SUI-MultipleDatePicker-module-label-GKNnc.SUI-MultipleDatePicker-module-disableShrink-7KzJu{color:var(--rfe-color);display:block;margin-bottom:var(--rfe-label-spacing);position:static;transform:none}.SUI-MultipleDatePicker-module-disabledLabel-dUcSK{cursor:not-allowed;pointer-events:none}.SUI-MultipleDatePicker-module-labelFocused-W4M7v,.SUI-MultipleDatePicker-module-labelPlaceholder-URdOA{font-size:var(--rfe-focused-font-size);top:0;transform:translateY(9px)}.SUI-MultipleDatePicker-module-input-x5q9i{background-color:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;border-radius:var(--rfe-border-radius);font-family:var(--rfe-font-family);line-height:24px;min-height:var(--rfe-input-height)!important;transition:all .25s!important;width:100%}.SUI-MultipleDatePicker-module-input-x5q9i:hover{border:1px solid var(--rfe-border)}.SUI-MultipleDatePicker-module-focus-99pwR{box-shadow:var(--rfe-focus)!important}.SUI-MultipleDatePicker-module-notFocus-fjmmR{box-shadow:none!important}.SUI-MultipleDatePicker-module-inputError-dQODc{border-color:var(--rfe-color-error)!important}.SUI-MultipleDatePicker-module-input-x5q9i:-webkit-autofill:not(.SUI-MultipleDatePicker-module-disableShrink-7KzJu)~.SUI-MultipleDatePicker-module-label-GKNnc,.SUI-MultipleDatePicker-module-input-x5q9i:focus:not(.SUI-MultipleDatePicker-module-disableShrink-7KzJu)~.SUI-MultipleDatePicker-module-label-GKNnc,.SUI-MultipleDatePicker-module-input-x5q9i:not([value=""],.SUI-MultipleDatePicker-module-disableShrink-7KzJu)~.SUI-MultipleDatePicker-module-label-GKNnc{font-size:var(--rfe-focused-font-size);transform:translateY(9px)}.SUI-MultipleDatePicker-module-input-x5q9i.SUI-MultipleDatePicker-module-disableShrink-7KzJu{padding:16px}.SUI-MultipleDatePicker-module-errorLabel-x3su4{color:var(--rfe-color-error);font-size:var(--rfe-error-font-size);margin-top:var(--rfe-label-spacing);pointer-events:none}.SUI-MultipleDatePicker-module-disabled-1aaRP{background:var(--rfe-background-disabled)!important;color:var(--rfe-color)!important;cursor:not-allowed!important;pointer-events:all}.SUI-MultipleDatePicker-module-innerInput-9WNIF{color:var(--rfe-color)!important;margin-left:8px!important}.SUI-MultipleDatePicker-module-control-CuaRH{align-items:flex-end!important}.SUI-MultipleDatePicker-module-menu-9Hb7f{background-color:var(--rfe-background)!important;border:1px solid var(--rfe-border);border-radius:var(--rfe-border-radius);margin:6px 0 0!important;padding:0!important;z-index:9999}.SUI-MultipleDatePicker-module-option-Jn4gr{color:var(--rfe-color)!important}.SUI-MultipleDatePicker-module-option-Jn4gr:active,.SUI-MultipleDatePicker-module-option-Jn4gr:focus,.SUI-MultipleDatePicker-module-option-Jn4gr:focus-visible,.SUI-MultipleDatePicker-module-option-Jn4gr:focus-within,.SUI-MultipleDatePicker-module-option-Jn4gr:hover{background-color:var(--rfe-background-selected)!important}.SUI-MultipleDatePicker-module-optionFocused-2kN-3{background-color:var(--rfe-background-selected)!important;color:var(--rfe-color)!important}.SUI-MultipleDatePicker-module-singleValue-5A3XF{color:var(--rfe-color)!important;margin-left:8px!important}.SUI-MultipleDatePicker-module-placeholder-0MoP6{color:var(--rfe-color-placeholder)!important;font-size:var(--rfe-placeholder-font-size);margin-left:8px!important}.SUI-MultipleDatePicker-module-indicatorsContainer-xoTk3{display:flex;justify-content:center;min-width:36px}.SUI-MultipleDatePicker-module-indicatorSeparator-zRu3E{display:none}.SUI-MultipleDatePicker-module-clearIndicator-ho8TQ svg,.SUI-MultipleDatePicker-module-indicatorsContainer-xoTk3 svg,.SUI-MultipleDatePicker-module-multiValueRemove-Xtqzu svg{color:var(--rfe-color);cursor:pointer;pointer-events:all}.SUI-MultipleDatePicker-module-multiValue-4L7u8{align-items:center;background-color:var(--rfe-background-selected)!important;border-radius:var(--rfe-border-radius)!important;height:24px}.SUI-MultipleDatePicker-module-multiValue-4L7u8 div,.SUI-MultipleDatePicker-module-multiValueRemove-Xtqzu{color:var(--rfe-color)!important}.SUI-MultipleDatePicker-module-multiValueRemove-Xtqzu:hover{background:unset!important}.SUI-MultipleDatePicker-module-valueContainer-sTkn0{padding-top:20px!important}.SUI-MultipleDatePicker-module-popper-5FAm9{z-index:1000}.SUI-MultipleDatePicker-module-icon-gvYw-{align-items:center;background:none;border:0;cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;pointer-events:all}