@react-spectrum/datepicker 3.0.0-nightly.1438 → 3.0.0-nightly.1460
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/main.css +1 -1
- package/dist/main.js +32 -85
- package/dist/main.js.map +1 -1
- package/dist/module.js +35 -88
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +2 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +24 -24
- package/src/DateField.tsx +1 -0
- package/src/DatePicker.tsx +10 -22
- package/src/DatePickerSegment.tsx +5 -19
- package/src/DateRangePicker.tsx +11 -34
- package/src/Input.tsx +2 -5
- package/src/TimeField.tsx +4 -5
- package/src/index.css +9 -15
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.react-spectrum-Datepicker-fieldWrapper_0b973d.react-spectrum-Datepicker-fieldWrapper_0b973d.react-spectrum-Datepicker-fieldWrapper_0b973d{width:auto;min-width:var(--spectrum-global-dimension-size-2000);max-width:100%}[dir=ltr] .react-spectrum-Datepicker-startField_0b973d{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-Datepicker-startField_0b973d{padding-left:var(--spectrum-global-dimension-size-100)}.react-spectrum-Datepicker-startField_0b973d{width:auto}[dir=ltr] .react-spectrum-Datepicker-endField_0b973d{padding-left:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-Datepicker-endField_0b973d{padding-right:var(--spectrum-global-dimension-size-100)}.react-spectrum-Datepicker-endField_0b973d{width:auto;flex:1}[dir=ltr] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-left-width:0}[dir=rtl] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-right-width:0}[dir=ltr] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-top-left-radius:0}[dir=rtl] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-top-right-radius:0}[dir=ltr] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-bottom-left-radius:0}[dir=rtl] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-bottom-right-radius:0}.react-spectrum-Datepicker-field_0b973d.react-spectrum-Datepicker-field_0b973d{width:auto}.react-spectrum-DateField_0b973d.react-spectrum-DateField_0b973d.react-spectrum-DateField_0b973d.react-spectrum-DateField_0b973d{min-width:var(--spectrum-global-dimension-size-2000)}.react-spectrum-TimeField_0b973d.react-spectrum-TimeField_0b973d.react-spectrum-TimeField_0b973d.react-spectrum-TimeField_0b973d{min-width:var(--spectrum-global-dimension-size-1250)}.react-spectrum-TimeField-fieldWrapper_0b973d.react-spectrum-TimeField-fieldWrapper_0b973d.react-spectrum-TimeField-fieldWrapper_0b973d{width:auto;min-width:var(--spectrum-global-dimension-size-1250)}[dir=ltr] .react-spectrum-Datepicker-input_0b973d.react-spectrum-Datepicker-input_0b973d{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .react-spectrum-Datepicker-input_0b973d.react-spectrum-Datepicker-input_0b973d{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.react-spectrum-Datepicker-inputContents_0b973d{scrollbar-width:none;-ms-overflow-style:none;align-items:center;display:flex;overflow-x:auto}.react-spectrum-Datepicker-inputContents_0b973d::-webkit-scrollbar{width:0;height:0;display:none}.react-spectrum-Datepicker-rangeDash_0b973d:before{content:"–"}.react-spectrum-Datepicker-segments_0b973d{align-items:center;display:flex}.react-spectrum-Datepicker-literal_0b973d{white-space:pre;-webkit-user-select:none;user-select:none;color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color))}[dir=ltr] .react-spectrum-DatePicker-cell_0b973d{text-align:right}[dir=rtl] .react-spectrum-DatePicker-cell_0b973d{text-align:left}.react-spectrum-DatePicker-cell_0b973d{font-variant-numeric:tabular-nums;box-sizing:content-box;white-space:nowrap;color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color));background:0 0;border-radius:2px;border:0;padding:0 2px}.react-spectrum-DatePicker-cell_0b973d::selection{background:0 0}.react-spectrum-DatePicker-cell_0b973d:focus{background-color:var(--spectrum-global-color-static-blue,#1473e6);color:#fff;caret-color:#0000;outline:0}.react-spectrum-DatePicker-cell_0b973d.is-placeholder_0b973d{color:var(--spectrum-global-color-gray-600)}.react-spectrum-DatePicker-cell_0b973d.is-placeholder_0b973d:before{content:attr(aria-placeholder)}.react-spectrum-DatePicker-cell_0b973d.is-placeholder_0b973d~.react-spectrum-Datepicker-literal_0b973d{color:var(--spectrum-global-color-gray-600)}.react-spectrum-DatePicker-cell_0b973d.is-placeholder_0b973d:focus{color:var(--spectrum-global-color-static-gray-400,#d3d3d3)}.react-spectrum-DatePicker-cell_0b973d.is-read-only_0b973d{color:var(--spectrum-global-color-gray-700)}.react-spectrum-DatePicker-cell_0b973d.is-read-only_0b973d:focus{color:var(--spectrum-global-color-static-gray-300,#eaeaea)}.react-spectrum-Datepicker-dialog_0b973d.react-spectrum-Datepicker-dialog_0b973d{width:auto}@media (max-width:700px){.react-spectrum-Datepicker-dialog_0b973d{--spectrum-dialog-padding-x:8px}.react-spectrum-Datepicker-dialog_0b973d .react-spectrum-Datepicker-dialogContent_0b973d{flex-direction:column;align-items:center;display:flex}}.react-spectrum-Datepicker-timeFields_0b973d{width:100%;min-width:calc(var(--spectrum-calendar-day-width,var(--spectrum-global-dimension-size-400))*7);max-width:calc(var(--spectrum-calendar-day-width,var(--spectrum-global-dimension-size-400))*7 + var(--spectrum-calendar-day-padding,4px)*12);padding:0 var(--spectrum-calendar-day-padding,4px);box-sizing:border-box}.spectrum-Textfield-input_73bc77{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(zh-Hans),.spectrum-Textfield-input_73bc77:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,MSPゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield_73bc77{min-width:var(--spectrum-textfield-min-width,var(--spectrum-global-dimension-size-600));width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:inline-flex;position:relative}.spectrum-Textfield_73bc77:not(.spectrum-Textfield--quiet_73bc77).spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77:not(:disabled){resize:vertical}.spectrum-Textfield_73bc77.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));overflow-x:hidden}.spectrum-Textfield-input_73bc77{box-sizing:border-box;border:var(--spectrum-textfield-border-size,var(--spectrum-alias-border-size-thin))solid;border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);text-indent:0;width:100%;height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));vertical-align:top;font-size:var(--spectrum-textfield-text-size,var(--spectrum-alias-font-size-default));line-height:var(--spectrum-textfield-text-line-height,var(--spectrum-alias-body-text-line-height));text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-in-out;-webkit-appearance:none;-moz-appearance:textfield;outline:0;margin:0;overflow:visible}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));font-synthesis:none;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77::-moz-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77:lang(ja)::placeholder,.spectrum-Textfield-input_73bc77:lang(ja).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(zh)::placeholder,.spectrum-Textfield-input_73bc77:lang(zh).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ko)::placeholder,.spectrum-Textfield-input_73bc77:lang(ko).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ar)::placeholder,.spectrum-Textfield-input_73bc77:lang(ar).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(he)::placeholder,.spectrum-Textfield-input_73bc77:lang(he).is-placeholder_73bc77{font-style:normal}.spectrum-Textfield-input_73bc77:lang(ja)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(zh)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ko)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ar)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(he)::-moz-placeholder{font-style:normal}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77:disabled{resize:none;opacity:1}.spectrum-Textfield-input_73bc77:disabled::placeholder,.spectrum-Textfield-input_73bc77:disabled.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77::-ms-clear{width:0;height:0}.spectrum-Textfield-input_73bc77::-webkit-inner-spin-button,.spectrum-Textfield-input_73bc77::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spectrum-Textfield-input_73bc77:-moz-ui-invalid{box-shadow:none}.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77{height:auto;min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);overflow:auto}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77,[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-right:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{border-width:0 0 var(--spectrum-textfield-quiet-border-size,var(--spectrum-alias-border-size-thin))0;resize:none;border-radius:0;overflow-y:hidden}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield-validationIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield-validationIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield-validationIcon_73bc77{pointer-events:all;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-left:0}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225));top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))/2)}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-checkmark-medium-height)/2)}[dir=ltr] .spectrum-Textfield-icon_73bc77{left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield-icon_73bc77{right:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield-icon_73bc77{height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225));width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));top:var(--spectrum-global-dimension-size-85);transition:fill var(--spectrum-global-animation-duration-100,130ms)ease-in-out;display:block;position:absolute}[dir=ltr] .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=rtl] .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{left:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{right:0}.spectrum-Textfield-inputIcon_73bc77.spectrum-Textfield--multiline_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))/2);position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-left:0}.spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-background-color,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color))}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color,var(--spectrum-alias-placeholder-text-color))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-hovered_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Textfield-input_73bc77:active{background-color:var(--spectrum-textfield-background-color-down,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus));color:var(--spectrum-textfield-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Textfield-input_73bc77:active::placeholder,.spectrum-Textfield-input_73bc77:active.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-down,var(--spectrum-alias-placeholder-text-color-down))}.spectrum-Textfield-input_73bc77:active~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield-input_73bc77[disabled],.spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled));-webkit-text-fill-color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]::placeholder,.spectrum-Textfield-input_73bc77[disabled].is-placeholder_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-disabled_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]~.spectrum-Textfield-icon_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77:active{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:active{border-color:var(--spectrum-textfield-quiet-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 1px 0 var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:disabled,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){box-shadow:0 1px 0 var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-success-icon-color,var(--spectrum-semantic-positive-color-icon))}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-error-icon-color,var(--spectrum-semantic-negative-color-icon))}.spectrum-InputGroup_a0942f{min-width:calc(2.5*var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400)));border-radius:var(--spectrum-global-dimension-size-50);flex-flow:row;display:inline-flex;position:relative}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-top-left-radius:var(--spectrum-combobox-fieldbutton-border-top-left-radius,0)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-top-right-radius:var(--spectrum-combobox-fieldbutton-border-top-left-radius,0)}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-bottom-left-radius:var(--spectrum-combobox-fieldbutton-border-bottom-left-radius,0)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-bottom-right-radius:var(--spectrum-combobox-fieldbutton-border-bottom-left-radius,0)}.spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{width:var(--spectrum-global-dimension-size-400);border-width:1px;flex-shrink:0;padding:0}.spectrum-InputGroup_a0942f.is-disabled_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.spectrum-InputGroup--quiet_a0942f) .spectrum-FieldButton_a0942f{border-width:0}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{left:var(--spectrum-global-dimension-size-100)}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{left:var(--spectrum-global-dimension-size-100)}.spectrum-InputGroup-field_a0942f{flex:auto}[dir=ltr] .spectrum-InputGroup-input_a0942f{border-top-right-radius:var(--spectrum-combobox-textfield-border-top-right-radius,0)}[dir=rtl] .spectrum-InputGroup-input_a0942f{border-top-left-radius:var(--spectrum-combobox-textfield-border-top-right-radius,0)}[dir=ltr] .spectrum-InputGroup-input_a0942f{border-bottom-right-radius:var(--spectrum-combobox-textfield-border-bottom-right-radius,0)}[dir=rtl] .spectrum-InputGroup-input_a0942f{border-bottom-left-radius:var(--spectrum-combobox-textfield-border-bottom-right-radius,0)}[dir=ltr] .spectrum-InputGroup-input_a0942f{border-right-style:none}[dir=rtl] .spectrum-InputGroup-input_a0942f{border-left-style:none}.spectrum-InputGroup--quiet_a0942f{min-width:calc(2*var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400)));border-radius:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-left:var(--spectrum-global-dimension-size-130)}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-right:var(--spectrum-global-dimension-size-130)}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-left:0}.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{width:auto;border-width:0;border-bottom:var(--spectrum-textfield-quiet-affixed-border-size,var(--spectrum-global-dimension-static-size-10))solid;border-radius:0;position:relative}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:after{right:-10px}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:after{left:-10px}.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:after{content:"";height:100%;width:10px;position:absolute}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-icon_a0942f{right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-icon_a0942f{left:0}.spectrum-InputGroup--quiet_a0942f.is-disabled_a0942f .spectrum-FieldButton_a0942f{border-bottom-width:1px}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{left:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{right:var(--spectrum-global-dimension-size-10)}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{left:var(--spectrum-global-dimension-size-10)}[dir=ltr] .spectrum-InputGroup-popover--quiet_a0942f{margin-right:calc(var(--spectrum-dropdown-quiet-offset)*-1)}[dir=rtl] .spectrum-InputGroup-popover--quiet_a0942f{margin-left:calc(var(--spectrum-dropdown-quiet-offset)*-1)}.spectrum-InputGroup-popover--quiet_a0942f{--spectrum-dropdown-quiet-offset:calc(var(--spectrum-dropdown-quiet-popover-offset-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Datepicker--range_a0942f{border-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f,.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{border-radius:0}.spectrum-Datepicker--range_a0942f.spectrum-Datepicker--datetimeRange_a0942f .spectrum-InputGroup-field_a0942f{width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100,14px)/2);min-width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100,14px)/2)}.spectrum-Datepicker--range_a0942f .spectrum-InputGroup-field_a0942f{width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150));min-width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150));-ms-flex:initial;flex:initial}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{border-right:0}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{border-left:0}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{padding-right:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{padding-left:var(--spectrum-global-dimension-size-150)}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f svg{display:none}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{border-left:0}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{border-right:0}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{padding-right:var(--spectrum-global-dimension-size-150)}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{border-radius:0;flex:1}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker--rangeDash_a0942f{line-height:calc(var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height)) - var(--spectrum-global-dimension-size-100));-ms-flex:initial;flex:initial;width:0;z-index:1;padding-top:0}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker--rangeDash_a0942f:before{content:"–";margin:0 calc(-0.5*var(--spectrum-global-dimension-static-font-size-100,14px));text-align:center;vertical-align:middle;width:var(--spectrum-global-dimension-static-font-size-100,14px);display:inline-block;overflow:hidden}.spectrum-Datepicker--range_a0942f.is-focused_a0942f .spectrum-Datepicker-focusRing_a0942f{border-radius:var(--spectrum-global-dimension-size-50);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f .spectrum-Datepicker-focusRing_a0942f{border-radius:0;top:auto}[dir=ltr] .spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f .spectrum-Datepicker--rangeDash_a0942f:before{margin-left:calc(-0.5*var(--spectrum-global-dimension-static-font-size-100,14px))}[dir=rtl] .spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f .spectrum-Datepicker--rangeDash_a0942f:before{margin-right:calc(-0.5*var(--spectrum-global-dimension-static-font-size-100,14px))}.spectrum-InputGroup_a0942f.is-focused_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-disabled_a0942f) .spectrum-InputGroup-input_a0942f,.spectrum-InputGroup_a0942f.is-focused_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup_a0942f.is-hovered_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-focused_a0942f):not(.is-disabled_a0942f) .spectrum-InputGroup-input_a0942f,.spectrum-InputGroup_a0942f.is-hovered_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-focused_a0942f):not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-InputGroup_a0942f.is-focused_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.is-focused_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f) .spectrum-FieldButton_a0942f{z-index:1}.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f) .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f) .spectrum-InputGroup-input_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f).spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f).spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-InputGroup--quiet_a0942f:not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f:disabled,.spectrum-InputGroup--quiet_a0942f:not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f:disabled.is-hovered_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f.is-hovered_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:focus,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:active,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f.is-selected_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f.spectrum-FieldButton--invalid_a0942f{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:disabled,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:disabled.is-hovered_a0942f{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-InputGroup--quiet_a0942f.is-hovered_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-focused_a0942f):not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.is-focused_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f .spectrum-InputGroup-input_a0942f{box-shadow:0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f .spectrum-FieldButton_a0942f{box-shadow:0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f,.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{box-shadow:0 1px 0 var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Datepicker--range_a0942f.focus-ring_a0942f .spectrum-InputGroup-input_a0942f{box-shadow:none!important}.spectrum-Datepicker--range_a0942f.is-disabled_a0942f .spectrum-Datepicker--rangeDash_a0942f{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Datepicker--range_a0942f.focus-ring_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Datepicker--range_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f,.spectrum-Datepicker--range_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))!important}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f.focus-ring_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f.spectrum-FieldButton--invalid_a0942f.focus-ring_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f{box-shadow:0 1px 0 0 var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{box-shadow:none;border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f.spectrum-FieldButton--invalid_a0942f.focus-ring_a0942f{box-shadow:0 2px 0 0 var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f.focus-ring_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}
|
|
1
|
+
.react-spectrum-Datepicker-fieldWrapper_0b973d.react-spectrum-Datepicker-fieldWrapper_0b973d.react-spectrum-Datepicker-fieldWrapper_0b973d{width:auto;min-width:var(--spectrum-global-dimension-size-2000);max-width:100%}[dir=ltr] .react-spectrum-Datepicker-startField_0b973d{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-Datepicker-startField_0b973d{padding-left:var(--spectrum-global-dimension-size-100)}.react-spectrum-Datepicker-startField_0b973d{width:auto}[dir=ltr] .react-spectrum-Datepicker-endField_0b973d{padding-left:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-Datepicker-endField_0b973d{padding-right:var(--spectrum-global-dimension-size-100)}.react-spectrum-Datepicker-endField_0b973d{width:auto;flex:1}[dir=ltr] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-left-width:0}[dir=rtl] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-right-width:0}[dir=ltr] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-top-left-radius:0}[dir=rtl] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-top-right-radius:0}[dir=ltr] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-bottom-left-radius:0}[dir=rtl] .react-spectrum-Datepicker-field_0b973d~.react-spectrum-Datepicker-endField_0b973d>.react-spectrum-Datepicker-input_0b973d{border-bottom-right-radius:0}.react-spectrum-Datepicker-field_0b973d.react-spectrum-Datepicker-field_0b973d{width:auto}.react-spectrum-DateField_0b973d.react-spectrum-DateField_0b973d.react-spectrum-DateField_0b973d.react-spectrum-DateField_0b973d{min-width:var(--spectrum-global-dimension-size-2000)}.react-spectrum-TimeField_0b973d.react-spectrum-TimeField_0b973d.react-spectrum-TimeField_0b973d.react-spectrum-TimeField_0b973d{min-width:var(--spectrum-global-dimension-size-1250)}.react-spectrum-TimeField-fieldWrapper_0b973d.react-spectrum-TimeField-fieldWrapper_0b973d.react-spectrum-TimeField-fieldWrapper_0b973d{width:auto;min-width:var(--spectrum-global-dimension-size-1250)}[dir=ltr] .react-spectrum-Datepicker-input_0b973d.react-spectrum-Datepicker-input_0b973d{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .react-spectrum-Datepicker-input_0b973d.react-spectrum-Datepicker-input_0b973d{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.react-spectrum-Datepicker-input_0b973d.react-spectrum-Datepicker-input_0b973d{cursor:text}.react-spectrum-Datepicker-inputContents_0b973d{scrollbar-width:none;-ms-overflow-style:none;align-items:center;display:flex;overflow-x:auto}.react-spectrum-Datepicker-inputContents_0b973d::-webkit-scrollbar{width:0;height:0;display:none}.react-spectrum-Datepicker-rangeDash_0b973d:before{content:"–"}.react-spectrum-Datepicker-segments_0b973d{align-items:center;display:flex}.react-spectrum-Datepicker-literal_0b973d{white-space:pre;-webkit-user-select:none;user-select:none;color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color))}[dir=ltr] .react-spectrum-DatePicker-cell_0b973d{text-align:right}[dir=rtl] .react-spectrum-DatePicker-cell_0b973d{text-align:left}.react-spectrum-DatePicker-cell_0b973d{font-variant-numeric:tabular-nums;box-sizing:content-box;white-space:nowrap;color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color));background:0 0;border-radius:2px;border:0;padding:0 2px}.react-spectrum-DatePicker-cell_0b973d::selection{background:0 0}.react-spectrum-DatePicker-cell_0b973d.is-placeholder_0b973d{color:var(--react-spectrum-datepicker-placeholder-color)}.react-spectrum-DatePicker-cell_0b973d.is-placeholder_0b973d:before{content:attr(aria-placeholder)}.react-spectrum-DatePicker-cell_0b973d.is-placeholder_0b973d~.react-spectrum-Datepicker-literal_0b973d{color:var(--spectrum-global-color-gray-600)}.react-spectrum-DatePicker-cell_0b973d.is-read-only_0b973d{color:var(--spectrum-global-color-gray-700)}.react-spectrum-DatePicker-cell_0b973d:focus{background-color:var(--spectrum-global-color-static-blue,#1473e6);color:#fff;caret-color:#0000;outline:0}.react-spectrum-Datepicker-dialog_0b973d.react-spectrum-Datepicker-dialog_0b973d{width:auto}@media (max-width:700px){.react-spectrum-Datepicker-dialog_0b973d{--spectrum-dialog-padding-x:8px}.react-spectrum-Datepicker-dialog_0b973d .react-spectrum-Datepicker-dialogContent_0b973d{flex-direction:column;align-items:center;display:flex}}.react-spectrum-Datepicker-timeFields_0b973d{width:100%;min-width:calc(var(--spectrum-calendar-day-width,var(--spectrum-global-dimension-size-400))*7);max-width:calc(var(--spectrum-calendar-day-width,var(--spectrum-global-dimension-size-400))*7 + var(--spectrum-calendar-day-padding,4px)*12);padding:0 var(--spectrum-calendar-day-padding,4px);box-sizing:border-box}.spectrum-Textfield-input_73bc77{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(zh-Hans),.spectrum-Textfield-input_73bc77:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,MSPゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield_73bc77{min-width:var(--spectrum-textfield-min-width,var(--spectrum-global-dimension-size-600));width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:inline-flex;position:relative}.spectrum-Textfield_73bc77:not(.spectrum-Textfield--quiet_73bc77).spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77:not(:disabled){resize:vertical}.spectrum-Textfield_73bc77.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));overflow-x:hidden}.spectrum-Textfield-input_73bc77{box-sizing:border-box;border:var(--spectrum-textfield-border-size,var(--spectrum-alias-border-size-thin))solid;border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);text-indent:0;width:100%;height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));vertical-align:top;font-size:var(--spectrum-textfield-text-size,var(--spectrum-alias-font-size-default));line-height:var(--spectrum-textfield-text-line-height,var(--spectrum-alias-body-text-line-height));text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-in-out;-webkit-appearance:none;-moz-appearance:textfield;outline:0;margin:0;overflow:visible}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));font-synthesis:none;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77::-moz-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77:lang(ja)::placeholder,.spectrum-Textfield-input_73bc77:lang(ja).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(zh)::placeholder,.spectrum-Textfield-input_73bc77:lang(zh).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ko)::placeholder,.spectrum-Textfield-input_73bc77:lang(ko).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ar)::placeholder,.spectrum-Textfield-input_73bc77:lang(ar).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(he)::placeholder,.spectrum-Textfield-input_73bc77:lang(he).is-placeholder_73bc77{font-style:normal}.spectrum-Textfield-input_73bc77:lang(ja)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(zh)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ko)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ar)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(he)::-moz-placeholder{font-style:normal}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77:disabled{resize:none;opacity:1}.spectrum-Textfield-input_73bc77:disabled::placeholder,.spectrum-Textfield-input_73bc77:disabled.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77::-ms-clear{width:0;height:0}.spectrum-Textfield-input_73bc77::-webkit-inner-spin-button,.spectrum-Textfield-input_73bc77::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spectrum-Textfield-input_73bc77:-moz-ui-invalid{box-shadow:none}.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77{height:auto;min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);overflow:auto}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77,[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-right:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{border-width:0 0 var(--spectrum-textfield-quiet-border-size,var(--spectrum-alias-border-size-thin))0;resize:none;border-radius:0;overflow-y:hidden}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield-validationIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield-validationIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield-validationIcon_73bc77{pointer-events:all;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-left:0}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225));top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))/2)}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-checkmark-medium-height)/2)}[dir=ltr] .spectrum-Textfield-icon_73bc77{left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield-icon_73bc77{right:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield-icon_73bc77{height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225));width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));top:var(--spectrum-global-dimension-size-85);transition:fill var(--spectrum-global-animation-duration-100,130ms)ease-in-out;display:block;position:absolute}[dir=ltr] .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=rtl] .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{left:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{right:0}.spectrum-Textfield-inputIcon_73bc77.spectrum-Textfield--multiline_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))/2);position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-left:0}.spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-background-color,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color))}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color,var(--spectrum-alias-placeholder-text-color))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-hovered_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Textfield-input_73bc77:active{background-color:var(--spectrum-textfield-background-color-down,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus));color:var(--spectrum-textfield-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Textfield-input_73bc77:active::placeholder,.spectrum-Textfield-input_73bc77:active.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-down,var(--spectrum-alias-placeholder-text-color-down))}.spectrum-Textfield-input_73bc77:active~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield-input_73bc77[disabled],.spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled));-webkit-text-fill-color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]::placeholder,.spectrum-Textfield-input_73bc77[disabled].is-placeholder_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-disabled_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]~.spectrum-Textfield-icon_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77:active{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:active{border-color:var(--spectrum-textfield-quiet-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 1px 0 var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:disabled,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){box-shadow:0 1px 0 var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-success-icon-color,var(--spectrum-semantic-positive-color-icon))}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-error-icon-color,var(--spectrum-semantic-negative-color-icon))}.spectrum-InputGroup_a0942f{min-width:calc(2.5*var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400)));border-radius:var(--spectrum-global-dimension-size-50);flex-flow:row;display:inline-flex;position:relative}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-top-left-radius:var(--spectrum-combobox-fieldbutton-border-top-left-radius,0)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-top-right-radius:var(--spectrum-combobox-fieldbutton-border-top-left-radius,0)}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-bottom-left-radius:var(--spectrum-combobox-fieldbutton-border-bottom-left-radius,0)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{border-bottom-right-radius:var(--spectrum-combobox-fieldbutton-border-bottom-left-radius,0)}.spectrum-InputGroup_a0942f .spectrum-FieldButton_a0942f{width:var(--spectrum-global-dimension-size-400);border-width:1px;flex-shrink:0;padding:0}.spectrum-InputGroup_a0942f.is-disabled_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.spectrum-InputGroup--quiet_a0942f) .spectrum-FieldButton_a0942f{border-width:0}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{left:var(--spectrum-global-dimension-size-100)}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-InputGroup_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{left:var(--spectrum-global-dimension-size-100)}.spectrum-InputGroup-field_a0942f{flex:auto}[dir=ltr] .spectrum-InputGroup-input_a0942f{border-top-right-radius:var(--spectrum-combobox-textfield-border-top-right-radius,0)}[dir=rtl] .spectrum-InputGroup-input_a0942f{border-top-left-radius:var(--spectrum-combobox-textfield-border-top-right-radius,0)}[dir=ltr] .spectrum-InputGroup-input_a0942f{border-bottom-right-radius:var(--spectrum-combobox-textfield-border-bottom-right-radius,0)}[dir=rtl] .spectrum-InputGroup-input_a0942f{border-bottom-left-radius:var(--spectrum-combobox-textfield-border-bottom-right-radius,0)}[dir=ltr] .spectrum-InputGroup-input_a0942f{border-right-style:none}[dir=rtl] .spectrum-InputGroup-input_a0942f{border-left-style:none}.spectrum-InputGroup--quiet_a0942f{min-width:calc(2*var(--spectrum-dropdown-height,var(--spectrum-global-dimension-size-400)));border-radius:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-left:var(--spectrum-global-dimension-size-130)}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-right:var(--spectrum-global-dimension-size-130)}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{padding-left:0}.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{width:auto;border-width:0;border-bottom:var(--spectrum-textfield-quiet-affixed-border-size,var(--spectrum-global-dimension-static-size-10))solid;border-radius:0;position:relative}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:after{right:-10px}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:after{left:-10px}.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:after{content:"";height:100%;width:10px;position:absolute}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-icon_a0942f{right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-icon_a0942f{left:0}.spectrum-InputGroup--quiet_a0942f.is-disabled_a0942f .spectrum-FieldButton_a0942f{border-bottom-width:1px}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-validationIcon_a0942f{left:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-right:0}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{padding-left:0}[dir=ltr] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{right:var(--spectrum-global-dimension-size-10)}[dir=rtl] .spectrum-InputGroup--quiet_a0942f .spectrum-InputGroup-field_a0942f .spectrum-InputGroup-input-circleLoader_a0942f{left:var(--spectrum-global-dimension-size-10)}[dir=ltr] .spectrum-InputGroup-popover--quiet_a0942f{margin-right:calc(var(--spectrum-dropdown-quiet-offset)*-1)}[dir=rtl] .spectrum-InputGroup-popover--quiet_a0942f{margin-left:calc(var(--spectrum-dropdown-quiet-offset)*-1)}.spectrum-InputGroup-popover--quiet_a0942f{--spectrum-dropdown-quiet-offset:calc(var(--spectrum-dropdown-quiet-popover-offset-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)))}.spectrum-Datepicker--range_a0942f{border-radius:var(--spectrum-global-dimension-size-50)}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f,.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f{border-radius:0}.spectrum-Datepicker--range_a0942f.spectrum-Datepicker--datetimeRange_a0942f .spectrum-InputGroup-field_a0942f{width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100,14px)/2);min-width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100,14px)/2)}.spectrum-Datepicker--range_a0942f .spectrum-InputGroup-field_a0942f{width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150));min-width:calc(var(--spectrum-global-dimension-size-1600) - 2*var(--spectrum-global-dimension-size-150));-ms-flex:initial;flex:initial}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{border-right:0}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{border-left:0}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{padding-right:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f .spectrum-InputGroup-field_a0942f{padding-left:var(--spectrum-global-dimension-size-150)}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker-startField_a0942f svg{display:none}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{border-left:0}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{border-right:0}[dir=ltr] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{padding-right:var(--spectrum-global-dimension-size-150)}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker-endField_a0942f .spectrum-InputGroup-input_a0942f{border-radius:0;flex:1}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker--rangeDash_a0942f{line-height:calc(var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height)) - var(--spectrum-global-dimension-size-100));-ms-flex:initial;flex:initial;width:0;z-index:1;padding-top:0}.spectrum-Datepicker--range_a0942f .spectrum-Datepicker--rangeDash_a0942f:before{content:"–";margin:0 calc(-0.5*var(--spectrum-global-dimension-static-font-size-100,14px));text-align:center;vertical-align:middle;width:var(--spectrum-global-dimension-static-font-size-100,14px);display:inline-block;overflow:hidden}.spectrum-Datepicker--range_a0942f.is-focused_a0942f .spectrum-Datepicker-focusRing_a0942f{border-radius:var(--spectrum-global-dimension-size-50);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f .spectrum-Datepicker-focusRing_a0942f{border-radius:0;top:auto}[dir=ltr] .spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f .spectrum-Datepicker--rangeDash_a0942f:before{margin-left:calc(-0.5*var(--spectrum-global-dimension-static-font-size-100,14px))}[dir=rtl] .spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f .spectrum-Datepicker--rangeDash_a0942f:before{margin-right:calc(-0.5*var(--spectrum-global-dimension-static-font-size-100,14px))}.spectrum-InputGroup_a0942f.is-focused_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-disabled_a0942f) .spectrum-InputGroup-input_a0942f,.spectrum-InputGroup_a0942f.is-focused_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup_a0942f.is-hovered_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-focused_a0942f):not(.is-disabled_a0942f) .spectrum-InputGroup-input_a0942f,.spectrum-InputGroup_a0942f.is-hovered_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-focused_a0942f):not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-InputGroup_a0942f.is-focused_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.is-focused_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f) .spectrum-FieldButton_a0942f{z-index:1}.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f) .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f) .spectrum-InputGroup-input_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f).spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup_a0942f.focus-ring_a0942f:not(.spectrum-InputGroup--quiet_a0942f).spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-InputGroup--quiet_a0942f:not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f:disabled,.spectrum-InputGroup--quiet_a0942f:not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f:disabled.is-hovered_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f.is-hovered_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:focus,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:active,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f.is-selected_a0942f,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f.spectrum-FieldButton--invalid_a0942f{border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:disabled,.spectrum-InputGroup--quiet_a0942f .spectrum-FieldButton_a0942f:disabled.is-hovered_a0942f{border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-InputGroup--quiet_a0942f.is-hovered_a0942f:not(.spectrum-InputGroup--invalid_a0942f):not(.is-focused_a0942f):not(.is-disabled_a0942f) .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f,.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.is-focused_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f .spectrum-InputGroup-input_a0942f{box-shadow:0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f .spectrum-FieldButton_a0942f{box-shadow:0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f,.spectrum-InputGroup--quiet_a0942f.spectrum-InputGroup_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{box-shadow:0 1px 0 var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Datepicker--range_a0942f.focus-ring_a0942f .spectrum-InputGroup-input_a0942f{box-shadow:none!important}.spectrum-Datepicker--range_a0942f.is-disabled_a0942f .spectrum-Datepicker--rangeDash_a0942f{color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Datepicker--range_a0942f.focus-ring_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Datepicker--range_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f,.spectrum-Datepicker--range_a0942f.focus-ring_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-InputGroup-input_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))!important}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f.focus-ring_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f.spectrum-FieldButton--invalid_a0942f.focus-ring_a0942f{border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f{box-shadow:0 1px 0 0 var(--spectrum-dropdown-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f{box-shadow:none;border-color:var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f .spectrum-FieldButton_a0942f.spectrum-FieldButton--invalid_a0942f.focus-ring_a0942f{box-shadow:0 2px 0 0 var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}.spectrum-Datepicker--range_a0942f.spectrum-InputGroup--quiet_a0942f.is-focused_a0942f.spectrum-InputGroup--invalid_a0942f.focus-ring_a0942f{box-shadow:0 0 0 1px var(--spectrum-dropdown-border-color-error,var(--spectrum-global-color-red-500))}
|
package/dist/main.js
CHANGED
|
@@ -114,8 +114,6 @@ $1b6fa0d2ca921da3$export$8d47712a13573e39 = "react-spectrum-Datepicker-timeField
|
|
|
114
114
|
|
|
115
115
|
|
|
116
116
|
|
|
117
|
-
|
|
118
|
-
|
|
119
117
|
function $edac158d20ebe4a9$export$6388987c5223b54e({ segment: segment , state: state , ...otherProps }) {
|
|
120
118
|
switch(segment.type){
|
|
121
119
|
// A separator, e.g. punctuation
|
|
@@ -133,29 +131,15 @@ function $edac158d20ebe4a9$export$6388987c5223b54e({ segment: segment , state: s
|
|
|
133
131
|
}
|
|
134
132
|
}
|
|
135
133
|
function $edac158d20ebe4a9$var$LiteralSegment({ segment: segment }) {
|
|
136
|
-
let focusManager = $9kQ8p$reactariafocus.useFocusManager();
|
|
137
|
-
let { pressProps: pressProps } = $9kQ8p$reactariainteractions.usePress({
|
|
138
|
-
onPressStart: (e)=>{
|
|
139
|
-
if (e.pointerType === 'mouse') {
|
|
140
|
-
let res = focusManager.focusNext({
|
|
141
|
-
from: e.target
|
|
142
|
-
});
|
|
143
|
-
if (!res) focusManager.focusPrevious({
|
|
144
|
-
from: e.target
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
});
|
|
149
134
|
return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("span", {
|
|
150
135
|
"aria-hidden": "true",
|
|
151
136
|
className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-literal'),
|
|
152
|
-
...pressProps,
|
|
153
137
|
"data-testid": segment.type === 'literal' ? undefined : segment.type
|
|
154
138
|
}, segment.text));
|
|
155
139
|
}
|
|
156
|
-
function $edac158d20ebe4a9$var$EditableSegment({ segment: segment , state: state
|
|
140
|
+
function $edac158d20ebe4a9$var$EditableSegment({ segment: segment , state: state }) {
|
|
157
141
|
let ref = $9kQ8p$react.useRef();
|
|
158
|
-
let { segmentProps: segmentProps } = $9kQ8p$reactariadatepicker.useDateSegment(
|
|
142
|
+
let { segmentProps: segmentProps } = $9kQ8p$reactariadatepicker.useDateSegment(segment, state, ref);
|
|
159
143
|
let { locale: locale } = $9kQ8p$reactariai18n.useLocale();
|
|
160
144
|
let parser = $9kQ8p$react.useMemo(()=>new $9kQ8p$internationalizednumber.NumberParser(locale)
|
|
161
145
|
, [
|
|
@@ -167,16 +151,17 @@ function $edac158d20ebe4a9$var$EditableSegment({ segment: segment , state: state
|
|
|
167
151
|
parser
|
|
168
152
|
]);
|
|
169
153
|
return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
|
|
154
|
+
...segmentProps,
|
|
170
155
|
ref: ref,
|
|
171
156
|
className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-DatePicker-cell', {
|
|
172
157
|
'is-placeholder': segment.isPlaceholder,
|
|
173
158
|
'is-read-only': !segment.isEditable
|
|
174
159
|
}),
|
|
175
160
|
style: {
|
|
161
|
+
...segmentProps.style,
|
|
176
162
|
minWidth: !isNumeric ? null : String(segment.maxValue).length + 'ch'
|
|
177
163
|
},
|
|
178
|
-
"data-testid": segment.type
|
|
179
|
-
...segmentProps
|
|
164
|
+
"data-testid": segment.type
|
|
180
165
|
}, segment.isPlaceholder ? '' : segment.text));
|
|
181
166
|
}
|
|
182
167
|
|
|
@@ -277,7 +262,7 @@ $40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
|
|
|
277
262
|
|
|
278
263
|
function $c3ebc4931d9b9977$export$f5b8910cec6cf069(props) {
|
|
279
264
|
let defaultRef = $9kQ8p$react.useRef();
|
|
280
|
-
let { isDisabled: isDisabled , isQuiet: isQuiet , inputClassName: inputClassName , validationState: validationState , children: children , fieldProps: fieldProps , inputRef: inputRef = defaultRef , className: className ,
|
|
265
|
+
let { isDisabled: isDisabled , isQuiet: isQuiet , inputClassName: inputClassName , validationState: validationState , children: children , fieldProps: fieldProps , inputRef: inputRef = defaultRef , className: className , style: style } = props;
|
|
281
266
|
// Reserve padding for the error icon when the width of the input is unconstrained.
|
|
282
267
|
// When constrained, don't reserve space because adding it only when invalid will
|
|
283
268
|
// not cause a layout shift.
|
|
@@ -351,9 +336,7 @@ function $c3ebc4931d9b9977$export$f5b8910cec6cf069(props) {
|
|
|
351
336
|
role: "presentation",
|
|
352
337
|
className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-inputContents'),
|
|
353
338
|
ref: inputRef
|
|
354
|
-
},
|
|
355
|
-
autoFocus: autoFocus
|
|
356
|
-
}, children)))), validationIcon));
|
|
339
|
+
}, children))), validationIcon));
|
|
357
340
|
}
|
|
358
341
|
|
|
359
342
|
|
|
@@ -443,7 +426,6 @@ $parcel$export($740ff83729a8f317$exports, "TimeField", () => $740ff83729a8f317$e
|
|
|
443
426
|
|
|
444
427
|
|
|
445
428
|
|
|
446
|
-
|
|
447
429
|
function $740ff83729a8f317$export$5eaee2322dd727eb(props) {
|
|
448
430
|
props = $9kQ8p$reactspectrumprovider.useProviderProps(props);
|
|
449
431
|
let { autoFocus: autoFocus , isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired , isQuiet: isQuiet } = props;
|
|
@@ -451,12 +433,12 @@ function $740ff83729a8f317$export$5eaee2322dd727eb(props) {
|
|
|
451
433
|
let { locale: locale } = $9kQ8p$reactariai18n.useLocale();
|
|
452
434
|
let state = $9kQ8p$reactstatelydatepicker.useTimeFieldState({
|
|
453
435
|
...props,
|
|
454
|
-
locale: locale
|
|
455
|
-
createCalendar: $9kQ8p$internationalizeddate.createCalendar
|
|
436
|
+
locale: locale
|
|
456
437
|
});
|
|
457
|
-
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $9kQ8p$reactariadatepicker.
|
|
438
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $9kQ8p$reactariadatepicker.useTimeField(props, state, ref);
|
|
458
439
|
return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
|
|
459
440
|
...props,
|
|
441
|
+
elementType: "span",
|
|
460
442
|
labelProps: labelProps,
|
|
461
443
|
descriptionProps: descriptionProps,
|
|
462
444
|
errorMessageProps: errorMessageProps,
|
|
@@ -538,14 +520,17 @@ function $4d2e419f522adb48$var$getVisibleMonths(scale) {
|
|
|
538
520
|
|
|
539
521
|
function $5c1ddf85d7c27889$export$5109c6dd95d8fb00(props) {
|
|
540
522
|
props = $9kQ8p$reactspectrumprovider.useProviderProps(props);
|
|
541
|
-
let { autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly ,
|
|
523
|
+
let { autoFocus: autoFocus , isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 } = props;
|
|
542
524
|
let { hoverProps: hoverProps , isHovered: isHovered } = $9kQ8p$reactariainteractions.useHover({
|
|
543
525
|
isDisabled: isDisabled
|
|
544
526
|
});
|
|
545
527
|
let targetRef = $9kQ8p$react.useRef();
|
|
546
|
-
let state = $9kQ8p$reactstatelydatepicker.useDatePickerState(
|
|
547
|
-
|
|
548
|
-
|
|
528
|
+
let state = $9kQ8p$reactstatelydatepicker.useDatePickerState({
|
|
529
|
+
...props,
|
|
530
|
+
shouldCloseOnSelect: ()=>!state.hasTime
|
|
531
|
+
});
|
|
532
|
+
let { groupProps: groupProps , labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , buttonProps: buttonProps , dialogProps: dialogProps , calendarProps: calendarProps } = $9kQ8p$reactariadatepicker.useDatePicker(props, state, targetRef);
|
|
533
|
+
let { isOpen: isOpen , setOpen: setOpen } = state;
|
|
549
534
|
let { direction: direction } = $9kQ8p$reactariai18n.useLocale();
|
|
550
535
|
let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = $9kQ8p$reactariafocus.useFocusRing({
|
|
551
536
|
within: true,
|
|
@@ -577,6 +562,7 @@ function $5c1ddf85d7c27889$export$5109c6dd95d8fb00(props) {
|
|
|
577
562
|
let visibleMonths = $4d2e419f522adb48$export$12ce2869ce471b1f(maxVisibleMonths);
|
|
578
563
|
return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
|
|
579
564
|
...props,
|
|
565
|
+
elementType: "span",
|
|
580
566
|
ref: targetRef,
|
|
581
567
|
description: description,
|
|
582
568
|
labelProps: labelProps,
|
|
@@ -591,24 +577,13 @@ function $5c1ddf85d7c27889$export$5109c6dd95d8fb00(props) {
|
|
|
591
577
|
isDisabled: isDisabled,
|
|
592
578
|
isQuiet: isQuiet,
|
|
593
579
|
validationState: state.validationState,
|
|
594
|
-
autoFocus: autoFocus,
|
|
595
580
|
className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-field'),
|
|
596
581
|
inputClassName: fieldClassName
|
|
597
582
|
}, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($bd22dc8dad9522bc$export$34dc4cfa15ead1, {
|
|
598
583
|
...fieldProps,
|
|
599
584
|
"data-testid": "date-field",
|
|
600
585
|
isQuiet: isQuiet,
|
|
601
|
-
|
|
602
|
-
value: value,
|
|
603
|
-
onChange: setValue,
|
|
604
|
-
placeholderValue: placeholderValue,
|
|
605
|
-
isDisabled: isDisabled,
|
|
606
|
-
isReadOnly: isReadOnly,
|
|
607
|
-
isRequired: isRequired,
|
|
608
|
-
granularity: props.granularity,
|
|
609
|
-
hourCycle: props.hourCycle,
|
|
610
|
-
inputClassName: fieldClassName,
|
|
611
|
-
hideTimeZone: props.hideTimeZone
|
|
586
|
+
inputClassName: fieldClassName
|
|
612
587
|
})), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumdialog.DialogTrigger, {
|
|
613
588
|
type: "popover",
|
|
614
589
|
mobileType: "tray",
|
|
@@ -629,12 +604,8 @@ function $5c1ddf85d7c27889$export$5109c6dd95d8fb00(props) {
|
|
|
629
604
|
}, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumview.Content, {
|
|
630
605
|
UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-dialogContent')
|
|
631
606
|
}, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumcalendar.Calendar, {
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
onChange: state.setDateValue,
|
|
635
|
-
visibleMonths: visibleMonths,
|
|
636
|
-
minValue: props.minValue,
|
|
637
|
-
maxValue: props.maxValue
|
|
607
|
+
...calendarProps,
|
|
608
|
+
visibleMonths: visibleMonths
|
|
638
609
|
}), showTimeField && /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement("div", {
|
|
639
610
|
className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-timeFields')
|
|
640
611
|
}, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($740ff83729a8f317$export$5eaee2322dd727eb, {
|
|
@@ -680,15 +651,18 @@ $parcel$export($16cafb71dac155a4$exports, "DateRangePicker", () => $16cafb71dac1
|
|
|
680
651
|
function $16cafb71dac155a4$export$17334619f3ac2224(props) {
|
|
681
652
|
var ref, ref1;
|
|
682
653
|
props = $9kQ8p$reactspectrumprovider.useProviderProps(props);
|
|
683
|
-
let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly ,
|
|
654
|
+
let { isQuiet: isQuiet , isDisabled: isDisabled , isReadOnly: isReadOnly , autoFocus: autoFocus , placeholderValue: placeholderValue , maxVisibleMonths: maxVisibleMonths = 1 , ...otherProps } = props;
|
|
684
655
|
let { styleProps: styleProps } = $9kQ8p$reactspectrumutils.useStyleProps(otherProps);
|
|
685
656
|
let { hoverProps: hoverProps , isHovered: isHovered } = $9kQ8p$reactariainteractions.useHover({
|
|
686
657
|
isDisabled: isDisabled
|
|
687
658
|
});
|
|
688
659
|
let targetRef = $9kQ8p$react.useRef();
|
|
689
|
-
let state = $9kQ8p$reactstatelydatepicker.useDateRangePickerState(
|
|
690
|
-
|
|
691
|
-
|
|
660
|
+
let state = $9kQ8p$reactstatelydatepicker.useDateRangePickerState({
|
|
661
|
+
...props,
|
|
662
|
+
shouldCloseOnSelect: ()=>!state.hasTime
|
|
663
|
+
});
|
|
664
|
+
let { labelProps: labelProps , groupProps: groupProps , buttonProps: buttonProps , dialogProps: dialogProps , startFieldProps: startFieldProps , endFieldProps: endFieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , calendarProps: calendarProps } = $9kQ8p$reactariadatepicker.useDateRangePicker(props, state, targetRef);
|
|
665
|
+
let { isOpen: isOpen , setOpen: setOpen } = state;
|
|
692
666
|
let { direction: direction } = $9kQ8p$reactariai18n.useLocale();
|
|
693
667
|
let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps } = $9kQ8p$reactariafocus.useFocusRing({
|
|
694
668
|
within: true,
|
|
@@ -720,6 +694,7 @@ function $16cafb71dac155a4$export$17334619f3ac2224(props) {
|
|
|
720
694
|
let visibleMonths = $4d2e419f522adb48$export$12ce2869ce471b1f(maxVisibleMonths);
|
|
721
695
|
return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
|
|
722
696
|
...props,
|
|
697
|
+
elementType: "span",
|
|
723
698
|
ref: targetRef,
|
|
724
699
|
description: description,
|
|
725
700
|
labelProps: labelProps,
|
|
@@ -735,40 +710,15 @@ function $16cafb71dac155a4$export$17334619f3ac2224(props) {
|
|
|
735
710
|
isDisabled: isDisabled,
|
|
736
711
|
isQuiet: isQuiet,
|
|
737
712
|
validationState: state.validationState,
|
|
738
|
-
autoFocus: autoFocus,
|
|
739
713
|
className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-field'),
|
|
740
714
|
inputClassName: fieldClassName
|
|
741
715
|
}, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($bd22dc8dad9522bc$export$34dc4cfa15ead1, {
|
|
742
716
|
...startFieldProps,
|
|
743
717
|
isQuiet: props.isQuiet,
|
|
744
|
-
isDisabled: isDisabled,
|
|
745
|
-
isReadOnly: isReadOnly,
|
|
746
|
-
isRequired: isRequired,
|
|
747
|
-
validationState: state.validationState,
|
|
748
|
-
placeholderValue: placeholderValue,
|
|
749
|
-
value: (value === null || value === void 0 ? void 0 : value.start) || null,
|
|
750
|
-
defaultValue: null,
|
|
751
|
-
onChange: (start)=>state.setDateTime('start', start)
|
|
752
|
-
,
|
|
753
|
-
granularity: props.granularity,
|
|
754
|
-
hourCycle: props.hourCycle,
|
|
755
|
-
hideTimeZone: props.hideTimeZone,
|
|
756
718
|
inputClassName: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-startField')
|
|
757
719
|
}), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($16cafb71dac155a4$var$DateRangeDash, null), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($bd22dc8dad9522bc$export$34dc4cfa15ead1, {
|
|
758
720
|
...endFieldProps,
|
|
759
721
|
isQuiet: props.isQuiet,
|
|
760
|
-
isDisabled: isDisabled,
|
|
761
|
-
isReadOnly: isReadOnly,
|
|
762
|
-
isRequired: isRequired,
|
|
763
|
-
validationState: state.validationState,
|
|
764
|
-
placeholderValue: placeholderValue,
|
|
765
|
-
value: (value === null || value === void 0 ? void 0 : value.end) || null,
|
|
766
|
-
defaultValue: null,
|
|
767
|
-
onChange: (end)=>state.setDateTime('end', end)
|
|
768
|
-
,
|
|
769
|
-
granularity: props.granularity,
|
|
770
|
-
hourCycle: props.hourCycle,
|
|
771
|
-
hideTimeZone: props.hideTimeZone,
|
|
772
722
|
inputClassName: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-Datepicker-endField', $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-endField'))
|
|
773
723
|
})), /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumdialog.DialogTrigger, {
|
|
774
724
|
type: "popover",
|
|
@@ -790,12 +740,8 @@ function $16cafb71dac155a4$export$17334619f3ac2224(props) {
|
|
|
790
740
|
}, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumview.Content, {
|
|
791
741
|
UNSAFE_className: $9kQ8p$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1b6fa0d2ca921da3$exports)), 'react-spectrum-Datepicker-dialogContent')
|
|
792
742
|
}, /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumcalendar.RangeCalendar, {
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
onChange: state.setDateRange,
|
|
796
|
-
visibleMonths: visibleMonths,
|
|
797
|
-
minValue: props.minValue,
|
|
798
|
-
maxValue: props.maxValue
|
|
743
|
+
...calendarProps,
|
|
744
|
+
visibleMonths: visibleMonths
|
|
799
745
|
}), showTimeField && /*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlayout.Flex, {
|
|
800
746
|
gap: "size-100",
|
|
801
747
|
marginTop: "size-100",
|
|
@@ -868,6 +814,7 @@ function $1ab74d2cd1dc2e45$export$d9781c7894a82487(props) {
|
|
|
868
814
|
if (description && !props.description) descriptionProps.id = null;
|
|
869
815
|
return(/*#__PURE__*/ ($parcel$interopDefault($9kQ8p$react)).createElement($9kQ8p$reactspectrumlabel.Field, {
|
|
870
816
|
...props,
|
|
817
|
+
elementType: "span",
|
|
871
818
|
description: description,
|
|
872
819
|
labelProps: labelProps,
|
|
873
820
|
descriptionProps: descriptionProps,
|