@slotted/angular 0.1.0-beta.0 → 0.1.0-beta.10

package/fesm2022/slotted-angular-date-range-picker.mjs

@@ -176,8 +176,6 @@ class SlDateRangePicker {
     ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
     view = signal('day', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
-    positioned = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "positioned" }] : /* istanbul ignore next */ []));
     sheet = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "sheet" }] : /* istanbul ignore next */ []));
     /**
@@ -668,7 +666,9 @@ class SlDateRangePicker {
             const anchor = this.element.querySelector('[data-part="control"]') ?? this.element;
             const [side, align] = this.resolvedPlacement().split('-');
             this.positioner = createPositioner(anchor, layer, { align: align ?? 'center', side });
-            void this.positioner.update().then(() => this.positioned.set(true));
+            /* The positioner writes `data-positioned` with the side, on the element, in
+               the task that opened the layer; a binding to say it again was a frame later. */
+            void this.positioner.update();
         }
         const trigger = this.triggerRef?.nativeElement;
         this.dismissable = createDismissableLayer(layer, {
@@ -711,14 +711,15 @@ class SlDateRangePicker {
         this.positioner = null;
         this.dismissable?.destroy();
         this.dismissable = null;
-        this.positioned.set(false);
+        this.layer?.nativeElement.removeAttribute('data-positioned');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDateRangePicker, isStandalone: true, selector: "[slDateRangePicker]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, defaultPosition: { classPropertyName: "defaultPosition", publicName: "defaultPosition", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", isSignal: true, isRequired: false, transformFunction: null }, contiguous: { classPropertyName: "contiguous", publicName: "contiguous", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null }, weekNumbers: { classPropertyName: "weekNumbers", publicName: "weekNumbers", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, yearPivot: { classPropertyName: "yearPivot", publicName: "yearPivot", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, startName: { classPropertyName: "startName", publicName: "startName", isSignal: true, isRequired: false, transformFunction: null }, endName: { classPropertyName: "endName", publicName: "endName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange", positionChange: "positionChange" }, host: { attributes: { "data-ui": "date-range-picker", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-calendar": "resolvedCalendar()", "attr.data-count": "resolvedCount()", "attr.data-open": "isOpen() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-required": "resolvedRequired() === true ? '' : null" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDateRangePicker, isStandalone: true, selector: "[slDateRangePicker]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, defaultPosition: { classPropertyName: "defaultPosition", publicName: "defaultPosition", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", isSignal: true, isRequired: false, transformFunction: null }, contiguous: { classPropertyName: "contiguous", publicName: "contiguous", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null }, weekNumbers: { classPropertyName: "weekNumbers", publicName: "weekNumbers", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, yearPivot: { classPropertyName: "yearPivot", publicName: "yearPivot", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, startName: { classPropertyName: "startName", publicName: "startName", isSignal: true, isRequired: false, transformFunction: null }, endName: { classPropertyName: "endName", publicName: "endName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", openChange: "openChange", positionChange: "positionChange" }, host: { attributes: { "data-ui": "date-range-picker", "data-ui-date-range-picker": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-calendar": "resolvedCalendar()", "attr.data-count": "resolvedCount()", "attr.data-open": "isOpen() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-required": "resolvedRequired() === true ? '' : null" } }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlDateRangePicker), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlDateRangePicker), multi: true },
         ], viewQueries: [{ propertyName: "layer", first: true, predicate: ["layer"], descendants: true }, { propertyName: "triggerRef", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "startField", first: true, predicate: ["startField"], descendants: true }, { propertyName: "endField", first: true, predicate: ["endField"], descendants: true }, { propertyName: "calendarRef", first: true, predicate: ["calendar"], descendants: true }], exportAs: ["slDateRangePicker"], ngImport: i0, template: `<div
       data-part="control"
+      data-part-control=""
       [attr.role]="enclosing === null ? null : 'group'"
       [attr.id]="enclosing?.ids()?.control ?? null"
       [attr.aria-labelledby]="enclosing?.ids()?.label ?? null"
@@ -728,6 +729,7 @@ class SlDateRangePicker {
     >
       <div
         data-part="start"
+        data-part-start=""
         [attr.data-current]="currentPosition() === 'start' ? '' : null"
         (focusin)="onFieldFocus('start', $event)"
       >
@@ -754,9 +756,10 @@ class SlDateRangePicker {
           (valueChange)="onFieldValue('start', $event)"
         ></div>
       </div>
-      <span data-part="separator" aria-hidden="true">–</span>
+      <span data-part="separator" data-part-separator="" aria-hidden="true">–</span>
       <div
         data-part="end"
+        data-part-end=""
         [attr.data-current]="currentPosition() === 'end' ? '' : null"
         (focusin)="onFieldFocus('end', $event)"
       >
@@ -787,6 +790,7 @@ class SlDateRangePicker {
       @if (clearable() && held() !== null) {
         <button
           data-part="clear"
+          data-part-clear=""
           type="button"
           [attr.aria-label]="t('clear')"
           [disabled]="!editable()"
@@ -798,6 +802,7 @@ class SlDateRangePicker {
       <button
         #trigger
         data-part="trigger"
+        data-part-trigger=""
         type="button"
         aria-haspopup="dialog"
         [attr.aria-label]="triggerLabel()"
@@ -814,21 +819,24 @@ class SlDateRangePicker {
       <div
         #layer
         data-ui="date-range-picker"
+        data-ui-date-range-picker=""
         data-part="positioner"
+        data-part-positioner=""
         data-open
         [attr.data-presentation]="sheet() ? 'sheet' : 'popover'"
-        [attr.data-positioned]="positioned() ? '' : null"
       >
         <div
           data-part="content"
+          data-part-content=""
           role="dialog"
           [attr.id]="contentId"
           [attr.aria-label]="triggerLabel()"
           (keydown)="onContentKeyDown($event)"
         >
-          <div data-part="head">
+          <div data-part="head" data-part-head="">
             <span
               data-part="head-start"
+              data-part-head-start=""
               [attr.data-placeholder]="shownStart() === null ? '' : null"
               [attr.data-pending]="startPending() ? '' : null"
               >{{ shownStart() === null ? t('start') : writeShort(shownStart()!) }}</span
@@ -836,21 +844,23 @@ class SlDateRangePicker {
             –
             <span
               data-part="head-end"
+              data-part-head-end=""
               [attr.data-placeholder]="shownEnd() === null ? '' : null"
               [attr.data-pending]="endPending() ? '' : null"
               >{{ shownEnd() === null ? t('end') : writeShort(shownEnd()!) }}</span
             >
             <span
               data-part="length"
+              data-part-length=""
               aria-live="polite"
               [attr.data-pending]="pendingRun() === null ? null : ''"
               >{{ spokenLength() }}</span
             >
             @if (limitText() !== null) {
-              <span data-part="limit">{{ limitText() }}</span>
+              <span data-part="limit" data-part-limit="">{{ limitText() }}</span>
             }
           </div>
-          <div data-part="panels">
+          <div data-part="panels" data-part-panels="">
             <ng-content select="[slDateRangePickerPresets]" />
             <div
               slCalendar
@@ -876,7 +886,7 @@ class SlDateRangePicker {
           <ng-content select="[slDateRangePickerFooter]" />
         </div>
       </div>
-    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=date-range-picker][data-part=root]{display:block;inline-size:100%}[data-ui=date-range-picker] [data-part=control]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_border-width: var(--slotted-control-border-width, 1px);--_action-size: var( --slotted-date-range-picker-action-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc(var(--_height) - var(--_border-width) * 2 - var(--slotted-space-2, .25rem)) ) );align-items:center;background-color:var( --slotted-date-range-picker-background, var(--slotted-control-surface, Field) );border:var(--_border-width) solid var( --slotted-date-range-picker-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-date-range-picker-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-date-range-picker-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;padding-inline:var(--_padding-inline);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=date-range-picker] [data-part=control]{--_action-inset: max( 0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2) );--_actions: 1;padding-inline-end:calc(var(--_action-inset) + var(--_action-size) * var(--_actions) + var(--slotted-space-1, .125rem) * (var(--_actions) - 1) + var(--slotted-space-2, .25rem))}[data-ui=date-range-picker] [data-part=control]:has(>[data-part=clear]){--_actions: 2}[data-ui=date-range-picker][data-part=root][data-size=sm] [data-part=control]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 11px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=date-range-picker][data-part=root][data-size=lg] [data-part=control]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 15px);--_gap: var(--slotted-control-gap-lg, 10px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=date-range-picker][data-part=root][data-variant=subtle] [data-part=control]{background-color:var( --slotted-date-range-picker-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-date-range-picker-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=date-range-picker][data-part=root][data-variant=plain] [data-part=control]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}[data-ui=date-range-picker] [data-part=start],[data-ui=date-range-picker] [data-part=end]{--slotted-control-border-width: 0px;--slotted-control-padding-inline-sm: 0px;--slotted-control-padding-inline-md: 0px;--slotted-control-padding-inline-lg: 0px;--slotted-control-height-sm: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-md: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-lg: calc(var(--_height) - var(--_border-width) * 2);--slotted-date-field-plain-hover-background: transparent;--slotted-date-field-invalid-border-color: transparent;--slotted-date-field-shadow: none;--slotted-control-shadow-focus-geometry: 0 0 0 0;--slotted-focus-ring-width: 0px;display:flex;flex:0 1 auto;min-inline-size:0;position:relative}[data-ui=date-range-picker] [data-part=start]:after,[data-ui=date-range-picker] [data-part=end]:after{background-color:var( --slotted-date-range-picker-current-color, var(--slotted-tone-accent-solid) );block-size:var(--slotted-date-range-picker-current-size, 2px);border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);content:\"\";inset-block-end:0;inset-inline:0;opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=date-range-picker][data-part=root]:is([data-open],:has([data-part=control]:focus-within)) :is([data-part=start],[data-part=end])[data-current]:after{opacity:1}[data-ui=date-range-picker] [data-part=separator]{color:var(--slotted-date-range-picker-separator-color, var(--slotted-text-muted, GrayText));flex:0 0 auto;padding-inline:var(--slotted-space-2, .25rem);-webkit-user-select:none;user-select:none}[data-ui=date-range-picker] [data-part=clear],[data-ui=date-range-picker] [data-part=trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);inset-block-start:calc((var(--_height) - var(--_border-width) * 2 - var(--_action-size)) / 2);inset-inline-end:var(--_action-inset);justify-content:center;padding:0;position:absolute;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=date-range-picker] [data-part=clear]{inset-inline-end:calc(var(--_action-inset) + var(--_action-size) + var(--slotted-space-1, .125rem))}[data-ui=date-range-picker] [data-part=clear]:after,[data-ui=date-range-picker] [data-part=trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=date-range-picker] :is([data-part=clear],[data-part=trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=date-range-picker] [data-part=clear]:has(+[data-part=trigger]:not([hidden])):after{inset-inline-end:0}[data-ui=date-range-picker] [data-part=clear]:not([hidden])+[data-part=trigger]:after{inset-inline-start:0}}[data-ui=date-range-picker] [data-part=clear]:hover:not(:disabled):not([data-disabled]),[data-ui=date-range-picker] [data-part=trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=date-range-picker] [data-part=clear]:active:not(:disabled):not([data-disabled]),[data-ui=date-range-picker] [data-part=trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=date-range-picker] [data-part=clear]:focus-visible,[data-ui=date-range-picker] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=date-range-picker] [data-part=clear]:disabled,[data-ui=date-range-picker] [data-part=trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=date-range-picker][data-part=root]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{border-color:var( --slotted-date-range-picker-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=date-range-picker][data-part=root][data-variant=subtle]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-date-range-picker-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=date-range-picker][data-part=root][data-variant=plain]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-date-range-picker-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=date-range-picker] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=date-range-picker][data-part=root][data-variant=plain] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=date-range-picker][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-date-range-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=date-range-picker][data-part=root][data-invalid] [data-part=control]{--_invalid-edge-width: var( --slotted-date-range-picker-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui=date-range-picker][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=date-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--_border-width) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=date-range-picker][data-part=root][data-invalid] [data-part=control]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=date-range-picker][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=date-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=date-range-picker][data-part=root][data-readonly] [data-part=control]{background-color:var( --slotted-date-range-picker-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=date-range-picker][data-part=root][data-disabled] [data-part=control]{background-color:var( --slotted-date-range-picker-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-date-range-picker-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-date-range-picker-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=date-range-picker][data-part=root][data-disabled] [data-part=separator]{color:var(--slotted-disabled-foreground)}[data-ui=date-range-picker][data-part=positioner]{position:absolute;inset-block-start:0;box-sizing:border-box;isolation:isolate;pointer-events:none;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));--_enter-distance: var(--slotted-space-2, .25rem);opacity:0;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=date-range-picker][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=date-range-picker][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=date-range-picker][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned]{animation:slotted-date-range-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-date-range-picker-enter-up}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-date-range-picker-fade}@keyframes slotted-date-range-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-date-range-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-date-range-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=date-range-picker][data-part=positioner],[data-ui=date-range-picker][data-part=positioner][data-side=top],[data-ui=date-range-picker][data-part=positioner][data-side=left],[data-ui=date-range-picker][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned],[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-date-range-picker-fade}}[data-ui=date-range-picker][data-part=positioner][data-detached]{visibility:hidden}[data-ui=date-range-picker] [data-part=content]{background-color:var( --slotted-date-range-picker-surface, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );border-radius:var(--slotted-date-range-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-date-range-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));display:grid;gap:var(--slotted-space-5, .75rem);grid-template-areas:\"head\" \"panels\" \"footer\";grid-template-columns:minmax(0,1fr);max-inline-size:var(--slotted-positioner-available-width, 100vw);padding:var(--slotted-date-range-picker-content-padding, var(--slotted-space-5, .75rem));pointer-events:auto}[data-ui=date-range-picker] [data-part=panels]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--slotted-space-5, .75rem);grid-area:panels;min-inline-size:0}[data-ui=date-range-picker] [data-part=panels]>[data-ui=calendar]{flex:0 1 auto}[data-ui=date-range-picker] [data-part=head]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:baseline;border-block-end:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );column-gap:var(--slotted-space-2, .25rem);display:flex;flex-wrap:wrap;grid-area:head;padding-block-end:var(--slotted-space-3, .375rem);row-gap:var(--slotted-space-1, .125rem)}[data-ui=date-range-picker] [data-part=head]>[data-part=head-start],[data-ui=date-range-picker] [data-part=head]>[data-part=head-end]{color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);unicode-bidi:plaintext;white-space:nowrap}[data-ui=date-range-picker] [data-part=head] :is([data-part=head-start],[data-part=head-end])[data-placeholder]{color:var(--slotted-date-range-picker-placeholder-color, var(--slotted-text-muted, GrayText));font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=date-range-picker] [data-part=head] :is([data-part=head-start],[data-part=head-end])[data-pending]{color:var(--slotted-date-range-picker-pending-color, var(--slotted-tone-accent-text))}[data-ui=date-range-picker] [data-part=length]{color:var(--slotted-date-range-picker-length-color, var(--slotted-tone-accent-text));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);margin-inline-start:auto;padding-inline-start:var(--slotted-space-4, .5rem);unicode-bidi:plaintext;white-space:nowrap}[data-ui=date-range-picker] [data-part=length][data-pending]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=date-range-picker] [data-part=length]:empty:before{content:\"\\200b\"}[data-ui=date-range-picker] [data-part=limit]{color:var(--slotted-date-range-picker-limit-color, var(--slotted-text-muted, GrayText));flex-basis:100%;font-size:var(--slotted-font-size-xs, 11px);unicode-bidi:plaintext}[data-ui=date-range-picker] [data-part=presets]{align-items:stretch;display:flex;flex:1 0 auto;flex-direction:column;gap:var(--slotted-space-1, .125rem)}[data-ui=date-range-picker] [data-part=preset]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);line-height:var(--slotted-line-height-sm, 1.4);min-block-size:var(--slotted-target-min, 24px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=date-range-picker] [data-part=preset]:hover:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=date-range-picker] [data-part=preset]:active:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=date-range-picker] [data-part=preset][data-selected]{background-color:var( --slotted-date-range-picker-preset-selected-background, var(--slotted-tone-accent-subtle-hover) );color:var(--slotted-date-range-picker-preset-selected-color, var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=date-range-picker] [data-part=preset]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=date-range-picker] [data-part=preset]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=date-range-picker] [data-part=footer]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:flex;gap:var(--slotted-space-2, .25rem);grid-area:footer;justify-content:flex-end;padding-block-start:var(--slotted-space-4, .5rem)}@media(max-width:480px)and (pointer:coarse){[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet] [data-part=content]{border-end-end-radius:0;border-end-start-radius:0;border-inline:0;border-block-end:0;inline-size:var(--slotted-date-range-picker-sheet-inline-size, 100%);max-inline-size:none;justify-content:center}[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet] [data-part=presets]{flex-direction:row;flex-wrap:wrap}}@media(forced-colors:active){[data-ui=date-range-picker][data-part=root][data-variant=plain] [data-part=control]{border-color:ButtonBorder}[data-ui=date-range-picker] [data-part=start]:after,[data-ui=date-range-picker] [data-part=end]:after{forced-color-adjust:none}[data-ui=date-range-picker] [data-part=start]:after,[data-ui=date-range-picker] [data-part=end]:after{background-color:currentcolor}[data-ui=date-range-picker] [data-part=preset][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n"], dependencies: [{ kind: "component", type: SlCalendar, selector: "[slCalendar]", inputs: ["value", "defaultValue", "focusedDate", "defaultFocusedDate", "min", "max", "isDateUnavailable", "selectionMode", "months", "view", "defaultView", "weekNumbers", "fixedWeeks", "outsideDays", "locale", "timeZone", "firstDayOfWeek", "calendar", "disabled", "readOnly", "invalid", "messages"], outputs: ["valueChange", "focusedDateChange", "viewChange", "previewChange"], exportAs: ["slCalendar"] }, { kind: "component", type: SlDateField, selector: "[slDateField]", inputs: ["value", "defaultValue", "min", "max", "isDateUnavailable", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "messages", "name", "label", "groupId"], outputs: ["valueChange"], exportAs: ["slDateField"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui-date-range-picker][data-part-root]{display:block;inline-size:100%}[data-ui-date-range-picker] [data-part-control]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_border-width: var(--slotted-control-border-width, 1px);--_action-size: var( --slotted-date-range-picker-action-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc(var(--_height) - var(--_border-width) * 2 - var(--slotted-space-2, .25rem)) ) );align-items:center;background-color:var( --slotted-date-range-picker-background, var(--slotted-control-surface, Field) );border:var(--_border-width) solid var( --slotted-date-range-picker-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-date-range-picker-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-date-range-picker-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;padding-inline:var(--_padding-inline);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-date-range-picker] [data-part-control]{--_action-inset: max( 0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2) );--_actions: 1;padding-inline-end:calc(var(--_action-inset) + var(--_action-size) * var(--_actions) + var(--slotted-space-1, .125rem) * (var(--_actions) - 1) + var(--slotted-space-2, .25rem))}[data-ui-date-range-picker] [data-part-control]:has(>[data-part-clear]){--_actions: 2}[data-ui-date-range-picker][data-part-root][data-size=sm] [data-part-control]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 11px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-date-range-picker][data-part-root][data-size=lg] [data-part-control]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 15px);--_gap: var(--slotted-control-gap-lg, 10px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui-date-range-picker][data-part-root][data-variant=subtle] [data-part-control]{background-color:var( --slotted-date-range-picker-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-date-range-picker-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui-date-range-picker][data-part-root][data-variant=plain] [data-part-control]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}[data-ui-date-range-picker] [data-part-start],[data-ui-date-range-picker] [data-part-end]{--slotted-control-border-width: 0px;--slotted-control-padding-inline-sm: 0px;--slotted-control-padding-inline-md: 0px;--slotted-control-padding-inline-lg: 0px;--slotted-control-height-sm: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-md: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-lg: calc(var(--_height) - var(--_border-width) * 2);--slotted-date-field-plain-hover-background: transparent;--slotted-date-field-invalid-border-color: transparent;--slotted-date-field-shadow: none;--slotted-control-shadow-focus-geometry: 0 0 0 0;--slotted-focus-ring-width: 0px;display:flex;flex:0 1 auto;min-inline-size:0;position:relative}[data-ui-date-range-picker] [data-part-start]:after,[data-ui-date-range-picker] [data-part-end]:after{background-color:var( --slotted-date-range-picker-current-color, var(--slotted-tone-accent-solid) );block-size:var(--slotted-date-range-picker-current-size, 2px);border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);content:\"\";inset-block-end:0;inset-inline:0;opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-date-range-picker][data-part-root]:is([data-open],:has([data-part-control]:focus-within)) :is([data-part-start],[data-part-end])[data-current]:after{opacity:1}[data-ui-date-range-picker] [data-part-separator]{color:var(--slotted-date-range-picker-separator-color, var(--slotted-text-muted, GrayText));flex:0 0 auto;padding-inline:var(--slotted-space-2, .25rem);-webkit-user-select:none;user-select:none}[data-ui-date-range-picker] [data-part-clear],[data-ui-date-range-picker] [data-part-trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);inset-block-start:calc((var(--_height) - var(--_border-width) * 2 - var(--_action-size)) / 2);inset-inline-end:var(--_action-inset);justify-content:center;padding:0;position:absolute;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui-date-range-picker] [data-part-clear]{inset-inline-end:calc(var(--_action-inset) + var(--_action-size) + var(--slotted-space-1, .125rem))}[data-ui-date-range-picker] [data-part-clear]:after,[data-ui-date-range-picker] [data-part-trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-date-range-picker] :is([data-part-clear],[data-part-trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-date-range-picker] [data-part-clear]:has(+[data-part-trigger]:not([hidden])):after{inset-inline-end:0}[data-ui-date-range-picker] [data-part-clear]:not([hidden])+[data-part-trigger]:after{inset-inline-start:0}}[data-ui-date-range-picker] [data-part-clear]:hover:not(:disabled):not([data-disabled]),[data-ui-date-range-picker] [data-part-trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-date-range-picker] [data-part-clear]:active:not(:disabled):not([data-disabled]),[data-ui-date-range-picker] [data-part-trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-date-range-picker] [data-part-clear]:focus-visible,[data-ui-date-range-picker] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-date-range-picker] [data-part-clear]:disabled,[data-ui-date-range-picker] [data-part-trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-date-range-picker][data-part-root]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{border-color:var( --slotted-date-range-picker-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-date-range-picker][data-part-root][data-variant=subtle]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{background-color:var( --slotted-date-range-picker-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-date-range-picker][data-part-root][data-variant=plain]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{background-color:var( --slotted-date-range-picker-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui-date-range-picker] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-date-range-picker][data-part-root][data-variant=plain] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-date-range-picker][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-date-range-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-date-range-picker][data-part-root][data-invalid] [data-part-control]{--_invalid-edge-width: var( --slotted-date-range-picker-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui-date-range-picker][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui-date-range-picker][data-part-root][data-variant=plain][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--_border-width) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui-date-range-picker][data-part-root][data-invalid] [data-part-control]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui-date-range-picker][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-date-range-picker][data-part-root][data-variant=plain][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui-date-range-picker][data-part-root][data-readonly] [data-part-control]{background-color:var( --slotted-date-range-picker-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui-date-range-picker][data-part-root][data-disabled] [data-part-control]{background-color:var( --slotted-date-range-picker-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-date-range-picker-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-date-range-picker-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-date-range-picker][data-part-root][data-disabled] [data-part-separator]{color:var(--slotted-disabled-foreground)}[data-ui-date-range-picker][data-part-positioner]{position:absolute;inset-block-start:0;box-sizing:border-box;isolation:isolate;pointer-events:none;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));--_enter-distance: var(--slotted-space-2, .25rem);opacity:0;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-date-range-picker][data-part-positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-date-range-picker][data-part-positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui-date-range-picker][data-part-positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned]{animation:slotted-date-range-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-date-range-picker-enter-up}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-date-range-picker-fade}@keyframes slotted-date-range-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-date-range-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-date-range-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui-date-range-picker][data-part-positioner],[data-ui-date-range-picker][data-part-positioner][data-side=top],[data-ui-date-range-picker][data-part-positioner][data-side=left],[data-ui-date-range-picker][data-part-positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned],[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=top],[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=left],[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-date-range-picker-fade}}[data-ui-date-range-picker][data-part-positioner][data-detached]{visibility:hidden}[data-ui-date-range-picker] [data-part-content]{background-color:var( --slotted-date-range-picker-surface, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );border-radius:var(--slotted-date-range-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-date-range-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));display:grid;gap:var(--slotted-space-5, .75rem);grid-template-areas:\"head\" \"panels\" \"footer\";grid-template-columns:minmax(0,1fr);max-inline-size:var(--slotted-positioner-available-width, 100vw);padding:var(--slotted-date-range-picker-content-padding, var(--slotted-space-5, .75rem));pointer-events:auto}[data-ui-date-range-picker] [data-part-panels]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--slotted-space-5, .75rem);grid-area:panels;min-inline-size:0}[data-ui-date-range-picker] [data-part-panels]>[data-ui-calendar]{flex:0 1 auto}[data-ui-date-range-picker] [data-part-head]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:baseline;border-block-end:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );column-gap:var(--slotted-space-2, .25rem);display:flex;flex-wrap:wrap;grid-area:head;padding-block-end:var(--slotted-space-3, .375rem);row-gap:var(--slotted-space-1, .125rem)}[data-ui-date-range-picker] [data-part-head]>[data-part-head-start],[data-ui-date-range-picker] [data-part-head]>[data-part-head-end]{color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);unicode-bidi:plaintext;white-space:nowrap}[data-ui-date-range-picker] [data-part-head] :is([data-part-head-start],[data-part-head-end])[data-placeholder]{color:var(--slotted-date-range-picker-placeholder-color, var(--slotted-text-muted, GrayText));font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-date-range-picker] [data-part-head] :is([data-part-head-start],[data-part-head-end])[data-pending]{color:var(--slotted-date-range-picker-pending-color, var(--slotted-tone-accent-text))}[data-ui-date-range-picker] [data-part-length]{color:var(--slotted-date-range-picker-length-color, var(--slotted-tone-accent-text));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);margin-inline-start:auto;padding-inline-start:var(--slotted-space-4, .5rem);unicode-bidi:plaintext;white-space:nowrap}[data-ui-date-range-picker] [data-part-length][data-pending]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-date-range-picker] [data-part-length]:empty:before{content:\"\\200b\"}[data-ui-date-range-picker] [data-part-limit]{color:var(--slotted-date-range-picker-limit-color, var(--slotted-text-muted, GrayText));flex-basis:100%;font-size:var(--slotted-font-size-xs, 11px);unicode-bidi:plaintext}[data-ui-date-range-picker] [data-part-presets]{align-items:stretch;display:flex;flex:1 0 auto;flex-direction:column;gap:var(--slotted-space-1, .125rem)}[data-ui-date-range-picker] [data-part-preset]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);line-height:var(--slotted-line-height-sm, 1.4);min-block-size:var(--slotted-target-min, 24px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui-date-range-picker] [data-part-preset]:hover:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-date-range-picker] [data-part-preset]:active:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-date-range-picker] [data-part-preset][data-selected]{background-color:var( --slotted-date-range-picker-preset-selected-background, var(--slotted-tone-accent-subtle-hover) );color:var(--slotted-date-range-picker-preset-selected-color, var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-date-range-picker] [data-part-preset]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-date-range-picker] [data-part-preset]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-date-range-picker] [data-part-footer]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:flex;gap:var(--slotted-space-2, .25rem);grid-area:footer;justify-content:flex-end;padding-block-start:var(--slotted-space-4, .5rem)}@media(max-width:480px)and (pointer:coarse){[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet] [data-part-content]{border-end-end-radius:0;border-end-start-radius:0;border-inline:0;border-block-end:0;inline-size:var(--slotted-date-range-picker-sheet-inline-size, 100%);max-inline-size:none;justify-content:center}[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet] [data-part-presets]{flex-direction:row;flex-wrap:wrap}}@media(forced-colors:active){[data-ui-date-range-picker][data-part-root][data-variant=plain] [data-part-control]{border-color:ButtonBorder}[data-ui-date-range-picker] [data-part-start]:after,[data-ui-date-range-picker] [data-part-end]:after{forced-color-adjust:none}[data-ui-date-range-picker] [data-part-start]:after,[data-ui-date-range-picker] [data-part-end]:after{background-color:currentcolor}[data-ui-date-range-picker] [data-part-preset][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n"], dependencies: [{ kind: "component", type: SlCalendar, selector: "[slCalendar]", inputs: ["value", "defaultValue", "focusedDate", "defaultFocusedDate", "min", "max", "isDateUnavailable", "selectionMode", "months", "view", "defaultView", "granularity", "weekNumbers", "fixedWeeks", "outsideDays", "locale", "timeZone", "firstDayOfWeek", "calendar", "disabled", "readOnly", "invalid", "messages"], outputs: ["valueChange", "focusedDateChange", "viewChange", "previewChange"], exportAs: ["slCalendar"] }, { kind: "component", type: SlDateField, selector: "[slDateField]", inputs: ["value", "defaultValue", "granularity", "min", "max", "isDateUnavailable", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "messages", "name", "label", "groupId"], outputs: ["valueChange"], exportAs: ["slDateField"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePicker, decorators: [{
             type: Component,
@@ -885,6 +895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlDateRangePicker), multi: true },
                     ], template: `<div
       data-part="control"
+      data-part-control=""
       [attr.role]="enclosing === null ? null : 'group'"
       [attr.id]="enclosing?.ids()?.control ?? null"
       [attr.aria-labelledby]="enclosing?.ids()?.label ?? null"
@@ -894,6 +905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     >
       <div
         data-part="start"
+        data-part-start=""
         [attr.data-current]="currentPosition() === 'start' ? '' : null"
         (focusin)="onFieldFocus('start', $event)"
       >
@@ -920,9 +932,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           (valueChange)="onFieldValue('start', $event)"
         ></div>
       </div>
-      <span data-part="separator" aria-hidden="true">–</span>
+      <span data-part="separator" data-part-separator="" aria-hidden="true">–</span>
       <div
         data-part="end"
+        data-part-end=""
         [attr.data-current]="currentPosition() === 'end' ? '' : null"
         (focusin)="onFieldFocus('end', $event)"
       >
@@ -953,6 +966,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (clearable() && held() !== null) {
         <button
           data-part="clear"
+          data-part-clear=""
           type="button"
           [attr.aria-label]="t('clear')"
           [disabled]="!editable()"
@@ -964,6 +978,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <button
         #trigger
         data-part="trigger"
+        data-part-trigger=""
         type="button"
         aria-haspopup="dialog"
         [attr.aria-label]="triggerLabel()"
@@ -980,21 +995,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <div
         #layer
         data-ui="date-range-picker"
+        data-ui-date-range-picker=""
         data-part="positioner"
+        data-part-positioner=""
         data-open
         [attr.data-presentation]="sheet() ? 'sheet' : 'popover'"
-        [attr.data-positioned]="positioned() ? '' : null"
       >
         <div
           data-part="content"
+          data-part-content=""
           role="dialog"
           [attr.id]="contentId"
           [attr.aria-label]="triggerLabel()"
           (keydown)="onContentKeyDown($event)"
         >
-          <div data-part="head">
+          <div data-part="head" data-part-head="">
             <span
               data-part="head-start"
+              data-part-head-start=""
               [attr.data-placeholder]="shownStart() === null ? '' : null"
               [attr.data-pending]="startPending() ? '' : null"
               >{{ shownStart() === null ? t('start') : writeShort(shownStart()!) }}</span
@@ -1002,21 +1020,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             –
             <span
               data-part="head-end"
+              data-part-head-end=""
               [attr.data-placeholder]="shownEnd() === null ? '' : null"
               [attr.data-pending]="endPending() ? '' : null"
               >{{ shownEnd() === null ? t('end') : writeShort(shownEnd()!) }}</span
             >
             <span
               data-part="length"
+              data-part-length=""
               aria-live="polite"
               [attr.data-pending]="pendingRun() === null ? null : ''"
               >{{ spokenLength() }}</span
             >
             @if (limitText() !== null) {
-              <span data-part="limit">{{ limitText() }}</span>
+              <span data-part="limit" data-part-limit="">{{ limitText() }}</span>
             }
           </div>
-          <div data-part="panels">
+          <div data-part="panels" data-part-panels="">
             <ng-content select="[slDateRangePickerPresets]" />
             <div
               slCalendar
@@ -1044,7 +1064,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </div>
     }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'date-range-picker',
+                        'data-ui-date-range-picker': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-variant]': 'resolvedVariant()',
                         '[attr.data-calendar]': 'resolvedCalendar()',
@@ -1054,7 +1076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-invalid]': "resolvedInvalid() === true ? '' : null",
                         '[attr.data-readonly]': "resolvedReadOnly() === true ? '' : null",
                         '[attr.data-required]': "resolvedRequired() === true ? '' : null",
-                    }, styles: ["@layer slotted.components{[data-ui=date-range-picker][data-part=root]{display:block;inline-size:100%}[data-ui=date-range-picker] [data-part=control]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_border-width: var(--slotted-control-border-width, 1px);--_action-size: var( --slotted-date-range-picker-action-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc(var(--_height) - var(--_border-width) * 2 - var(--slotted-space-2, .25rem)) ) );align-items:center;background-color:var( --slotted-date-range-picker-background, var(--slotted-control-surface, Field) );border:var(--_border-width) solid var( --slotted-date-range-picker-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-date-range-picker-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-date-range-picker-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;padding-inline:var(--_padding-inline);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=date-range-picker] [data-part=control]{--_action-inset: max( 0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2) );--_actions: 1;padding-inline-end:calc(var(--_action-inset) + var(--_action-size) * var(--_actions) + var(--slotted-space-1, .125rem) * (var(--_actions) - 1) + var(--slotted-space-2, .25rem))}[data-ui=date-range-picker] [data-part=control]:has(>[data-part=clear]){--_actions: 2}[data-ui=date-range-picker][data-part=root][data-size=sm] [data-part=control]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 11px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=date-range-picker][data-part=root][data-size=lg] [data-part=control]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 15px);--_gap: var(--slotted-control-gap-lg, 10px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui=date-range-picker][data-part=root][data-variant=subtle] [data-part=control]{background-color:var( --slotted-date-range-picker-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-date-range-picker-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=date-range-picker][data-part=root][data-variant=plain] [data-part=control]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}[data-ui=date-range-picker] [data-part=start],[data-ui=date-range-picker] [data-part=end]{--slotted-control-border-width: 0px;--slotted-control-padding-inline-sm: 0px;--slotted-control-padding-inline-md: 0px;--slotted-control-padding-inline-lg: 0px;--slotted-control-height-sm: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-md: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-lg: calc(var(--_height) - var(--_border-width) * 2);--slotted-date-field-plain-hover-background: transparent;--slotted-date-field-invalid-border-color: transparent;--slotted-date-field-shadow: none;--slotted-control-shadow-focus-geometry: 0 0 0 0;--slotted-focus-ring-width: 0px;display:flex;flex:0 1 auto;min-inline-size:0;position:relative}[data-ui=date-range-picker] [data-part=start]:after,[data-ui=date-range-picker] [data-part=end]:after{background-color:var( --slotted-date-range-picker-current-color, var(--slotted-tone-accent-solid) );block-size:var(--slotted-date-range-picker-current-size, 2px);border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);content:\"\";inset-block-end:0;inset-inline:0;opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=date-range-picker][data-part=root]:is([data-open],:has([data-part=control]:focus-within)) :is([data-part=start],[data-part=end])[data-current]:after{opacity:1}[data-ui=date-range-picker] [data-part=separator]{color:var(--slotted-date-range-picker-separator-color, var(--slotted-text-muted, GrayText));flex:0 0 auto;padding-inline:var(--slotted-space-2, .25rem);-webkit-user-select:none;user-select:none}[data-ui=date-range-picker] [data-part=clear],[data-ui=date-range-picker] [data-part=trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);inset-block-start:calc((var(--_height) - var(--_border-width) * 2 - var(--_action-size)) / 2);inset-inline-end:var(--_action-inset);justify-content:center;padding:0;position:absolute;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=date-range-picker] [data-part=clear]{inset-inline-end:calc(var(--_action-inset) + var(--_action-size) + var(--slotted-space-1, .125rem))}[data-ui=date-range-picker] [data-part=clear]:after,[data-ui=date-range-picker] [data-part=trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=date-range-picker] :is([data-part=clear],[data-part=trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=date-range-picker] [data-part=clear]:has(+[data-part=trigger]:not([hidden])):after{inset-inline-end:0}[data-ui=date-range-picker] [data-part=clear]:not([hidden])+[data-part=trigger]:after{inset-inline-start:0}}[data-ui=date-range-picker] [data-part=clear]:hover:not(:disabled):not([data-disabled]),[data-ui=date-range-picker] [data-part=trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=date-range-picker] [data-part=clear]:active:not(:disabled):not([data-disabled]),[data-ui=date-range-picker] [data-part=trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=date-range-picker] [data-part=clear]:focus-visible,[data-ui=date-range-picker] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=date-range-picker] [data-part=clear]:disabled,[data-ui=date-range-picker] [data-part=trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=date-range-picker][data-part=root]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{border-color:var( --slotted-date-range-picker-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=date-range-picker][data-part=root][data-variant=subtle]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-date-range-picker-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=date-range-picker][data-part=root][data-variant=plain]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part=control]:hover{background-color:var( --slotted-date-range-picker-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=date-range-picker] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=date-range-picker][data-part=root][data-variant=plain] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=date-range-picker][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-date-range-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=date-range-picker][data-part=root][data-invalid] [data-part=control]{--_invalid-edge-width: var( --slotted-date-range-picker-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui=date-range-picker][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=date-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--_border-width) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=date-range-picker][data-part=root][data-invalid] [data-part=control]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=date-range-picker][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=date-range-picker][data-part=root][data-variant=plain][data-invalid] [data-part=control]:focus-within:not(:has(>[data-part=clear]:focus,>[data-part=trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=date-range-picker][data-part=root][data-readonly] [data-part=control]{background-color:var( --slotted-date-range-picker-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=date-range-picker][data-part=root][data-disabled] [data-part=control]{background-color:var( --slotted-date-range-picker-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-date-range-picker-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-date-range-picker-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=date-range-picker][data-part=root][data-disabled] [data-part=separator]{color:var(--slotted-disabled-foreground)}[data-ui=date-range-picker][data-part=positioner]{position:absolute;inset-block-start:0;box-sizing:border-box;isolation:isolate;pointer-events:none;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));--_enter-distance: var(--slotted-space-2, .25rem);opacity:0;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=date-range-picker][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=date-range-picker][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=date-range-picker][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned]{animation:slotted-date-range-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-date-range-picker-enter-up}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-date-range-picker-fade}@keyframes slotted-date-range-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-date-range-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-date-range-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=date-range-picker][data-part=positioner],[data-ui=date-range-picker][data-part=positioner][data-side=top],[data-ui=date-range-picker][data-part=positioner][data-side=left],[data-ui=date-range-picker][data-part=positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned],[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=top],[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=left],[data-ui=date-range-picker][data-part=positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-date-range-picker-fade}}[data-ui=date-range-picker][data-part=positioner][data-detached]{visibility:hidden}[data-ui=date-range-picker] [data-part=content]{background-color:var( --slotted-date-range-picker-surface, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );border-radius:var(--slotted-date-range-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-date-range-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));display:grid;gap:var(--slotted-space-5, .75rem);grid-template-areas:\"head\" \"panels\" \"footer\";grid-template-columns:minmax(0,1fr);max-inline-size:var(--slotted-positioner-available-width, 100vw);padding:var(--slotted-date-range-picker-content-padding, var(--slotted-space-5, .75rem));pointer-events:auto}[data-ui=date-range-picker] [data-part=panels]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--slotted-space-5, .75rem);grid-area:panels;min-inline-size:0}[data-ui=date-range-picker] [data-part=panels]>[data-ui=calendar]{flex:0 1 auto}[data-ui=date-range-picker] [data-part=head]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:baseline;border-block-end:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );column-gap:var(--slotted-space-2, .25rem);display:flex;flex-wrap:wrap;grid-area:head;padding-block-end:var(--slotted-space-3, .375rem);row-gap:var(--slotted-space-1, .125rem)}[data-ui=date-range-picker] [data-part=head]>[data-part=head-start],[data-ui=date-range-picker] [data-part=head]>[data-part=head-end]{color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);unicode-bidi:plaintext;white-space:nowrap}[data-ui=date-range-picker] [data-part=head] :is([data-part=head-start],[data-part=head-end])[data-placeholder]{color:var(--slotted-date-range-picker-placeholder-color, var(--slotted-text-muted, GrayText));font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=date-range-picker] [data-part=head] :is([data-part=head-start],[data-part=head-end])[data-pending]{color:var(--slotted-date-range-picker-pending-color, var(--slotted-tone-accent-text))}[data-ui=date-range-picker] [data-part=length]{color:var(--slotted-date-range-picker-length-color, var(--slotted-tone-accent-text));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);margin-inline-start:auto;padding-inline-start:var(--slotted-space-4, .5rem);unicode-bidi:plaintext;white-space:nowrap}[data-ui=date-range-picker] [data-part=length][data-pending]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=date-range-picker] [data-part=length]:empty:before{content:\"\\200b\"}[data-ui=date-range-picker] [data-part=limit]{color:var(--slotted-date-range-picker-limit-color, var(--slotted-text-muted, GrayText));flex-basis:100%;font-size:var(--slotted-font-size-xs, 11px);unicode-bidi:plaintext}[data-ui=date-range-picker] [data-part=presets]{align-items:stretch;display:flex;flex:1 0 auto;flex-direction:column;gap:var(--slotted-space-1, .125rem)}[data-ui=date-range-picker] [data-part=preset]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);line-height:var(--slotted-line-height-sm, 1.4);min-block-size:var(--slotted-target-min, 24px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=date-range-picker] [data-part=preset]:hover:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=date-range-picker] [data-part=preset]:active:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=date-range-picker] [data-part=preset][data-selected]{background-color:var( --slotted-date-range-picker-preset-selected-background, var(--slotted-tone-accent-subtle-hover) );color:var(--slotted-date-range-picker-preset-selected-color, var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=date-range-picker] [data-part=preset]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=date-range-picker] [data-part=preset]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=date-range-picker] [data-part=footer]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:flex;gap:var(--slotted-space-2, .25rem);grid-area:footer;justify-content:flex-end;padding-block-start:var(--slotted-space-4, .5rem)}@media(max-width:480px)and (pointer:coarse){[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet] [data-part=content]{border-end-end-radius:0;border-end-start-radius:0;border-inline:0;border-block-end:0;inline-size:var(--slotted-date-range-picker-sheet-inline-size, 100%);max-inline-size:none;justify-content:center}[data-ui=date-range-picker][data-part=positioner][data-presentation=sheet] [data-part=presets]{flex-direction:row;flex-wrap:wrap}}@media(forced-colors:active){[data-ui=date-range-picker][data-part=root][data-variant=plain] [data-part=control]{border-color:ButtonBorder}[data-ui=date-range-picker] [data-part=start]:after,[data-ui=date-range-picker] [data-part=end]:after{forced-color-adjust:none}[data-ui=date-range-picker] [data-part=start]:after,[data-ui=date-range-picker] [data-part=end]:after{background-color:currentcolor}[data-ui=date-range-picker] [data-part=preset][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-date-range-picker][data-part-root]{display:block;inline-size:100%}[data-ui-date-range-picker] [data-part-control]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_border-width: var(--slotted-control-border-width, 1px);--_action-size: var( --slotted-date-range-picker-action-size, min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), calc(var(--_height) - var(--_border-width) * 2 - var(--slotted-space-2, .25rem)) ) );align-items:center;background-color:var( --slotted-date-range-picker-background, var(--slotted-control-surface, Field) );border:var(--_border-width) solid var( --slotted-date-range-picker-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-date-range-picker-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-date-range-picker-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--slotted-space-1, .125rem);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;padding-inline:var(--_padding-inline);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-date-range-picker] [data-part-control]{--_action-inset: max( 0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2) );--_actions: 1;padding-inline-end:calc(var(--_action-inset) + var(--_action-size) * var(--_actions) + var(--slotted-space-1, .125rem) * (var(--_actions) - 1) + var(--slotted-space-2, .25rem))}[data-ui-date-range-picker] [data-part-control]:has(>[data-part-clear]){--_actions: 2}[data-ui-date-range-picker][data-part-root][data-size=sm] [data-part-control]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 11px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-date-range-picker][data-part-root][data-size=lg] [data-part-control]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 15px);--_gap: var(--slotted-control-gap-lg, 10px);--_icon-size: var(--slotted-control-icon-size-lg, 18px)}[data-ui-date-range-picker][data-part-root][data-variant=subtle] [data-part-control]{background-color:var( --slotted-date-range-picker-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-date-range-picker-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui-date-range-picker][data-part-root][data-variant=plain] [data-part-control]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}[data-ui-date-range-picker] [data-part-start],[data-ui-date-range-picker] [data-part-end]{--slotted-control-border-width: 0px;--slotted-control-padding-inline-sm: 0px;--slotted-control-padding-inline-md: 0px;--slotted-control-padding-inline-lg: 0px;--slotted-control-height-sm: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-md: calc(var(--_height) - var(--_border-width) * 2);--slotted-control-height-lg: calc(var(--_height) - var(--_border-width) * 2);--slotted-date-field-plain-hover-background: transparent;--slotted-date-field-invalid-border-color: transparent;--slotted-date-field-shadow: none;--slotted-control-shadow-focus-geometry: 0 0 0 0;--slotted-focus-ring-width: 0px;display:flex;flex:0 1 auto;min-inline-size:0;position:relative}[data-ui-date-range-picker] [data-part-start]:after,[data-ui-date-range-picker] [data-part-end]:after{background-color:var( --slotted-date-range-picker-current-color, var(--slotted-tone-accent-solid) );block-size:var(--slotted-date-range-picker-current-size, 2px);border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);content:\"\";inset-block-end:0;inset-inline:0;opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-date-range-picker][data-part-root]:is([data-open],:has([data-part-control]:focus-within)) :is([data-part-start],[data-part-end])[data-current]:after{opacity:1}[data-ui-date-range-picker] [data-part-separator]{color:var(--slotted-date-range-picker-separator-color, var(--slotted-text-muted, GrayText));flex:0 0 auto;padding-inline:var(--slotted-space-2, .25rem);-webkit-user-select:none;user-select:none}[data-ui-date-range-picker] [data-part-clear],[data-ui-date-range-picker] [data-part-trigger]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:var(--_action-size);inset-block-start:calc((var(--_height) - var(--_border-width) * 2 - var(--_action-size)) / 2);inset-inline-end:var(--_action-inset);justify-content:center;padding:0;position:absolute;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui-date-range-picker] [data-part-clear]{inset-inline-end:calc(var(--_action-inset) + var(--_action-size) + var(--slotted-space-1, .125rem))}[data-ui-date-range-picker] [data-part-clear]:after,[data-ui-date-range-picker] [data-part-trigger]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-date-range-picker] :is([data-part-clear],[data-part-trigger]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-date-range-picker] [data-part-clear]:has(+[data-part-trigger]:not([hidden])):after{inset-inline-end:0}[data-ui-date-range-picker] [data-part-clear]:not([hidden])+[data-part-trigger]:after{inset-inline-start:0}}[data-ui-date-range-picker] [data-part-clear]:hover:not(:disabled):not([data-disabled]),[data-ui-date-range-picker] [data-part-trigger]:hover:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-date-range-picker] [data-part-clear]:active:not(:disabled):not([data-disabled]),[data-ui-date-range-picker] [data-part-trigger]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-date-range-picker-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-date-range-picker] [data-part-clear]:focus-visible,[data-ui-date-range-picker] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-date-range-picker] [data-part-clear]:disabled,[data-ui-date-range-picker] [data-part-trigger]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-date-range-picker][data-part-root]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{border-color:var( --slotted-date-range-picker-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-date-range-picker][data-part-root][data-variant=subtle]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{background-color:var( --slotted-date-range-picker-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-date-range-picker][data-part-root][data-variant=plain]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{background-color:var( --slotted-date-range-picker-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui-date-range-picker] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-date-range-picker][data-part-root][data-variant=plain] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-date-range-picker][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-date-range-picker-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-date-range-picker][data-part-root][data-invalid] [data-part-control]{--_invalid-edge-width: var( --slotted-date-range-picker-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-date-range-picker-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui-date-range-picker][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui-date-range-picker][data-part-root][data-variant=plain][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--_border-width) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui-date-range-picker][data-part-root][data-invalid] [data-part-control]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui-date-range-picker][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-date-range-picker][data-part-root][data-variant=plain][data-invalid] [data-part-control]:focus-within:not(:has(>[data-part-clear]:focus,>[data-part-trigger]:focus)){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui-date-range-picker][data-part-root][data-readonly] [data-part-control]{background-color:var( --slotted-date-range-picker-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui-date-range-picker][data-part-root][data-disabled] [data-part-control]{background-color:var( --slotted-date-range-picker-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-date-range-picker-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-date-range-picker-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-date-range-picker][data-part-root][data-disabled] [data-part-separator]{color:var(--slotted-disabled-foreground)}[data-ui-date-range-picker][data-part-positioner]{position:absolute;inset-block-start:0;box-sizing:border-box;isolation:isolate;pointer-events:none;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));--_enter-distance: var(--slotted-space-2, .25rem);opacity:0;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-date-range-picker][data-part-positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-date-range-picker][data-part-positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui-date-range-picker][data-part-positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned]{animation:slotted-date-range-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-date-range-picker-enter-up}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-date-range-picker-fade}@keyframes slotted-date-range-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-date-range-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-date-range-picker-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui-date-range-picker][data-part-positioner],[data-ui-date-range-picker][data-part-positioner][data-side=top],[data-ui-date-range-picker][data-part-positioner][data-side=left],[data-ui-date-range-picker][data-part-positioner][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned],[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=top],[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=left],[data-ui-date-range-picker][data-part-positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-date-range-picker-fade}}[data-ui-date-range-picker][data-part-positioner][data-detached]{visibility:hidden}[data-ui-date-range-picker] [data-part-content]{background-color:var( --slotted-date-range-picker-surface, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );border-radius:var(--slotted-date-range-picker-content-radius, var(--slotted-radius-lg, 8px));box-shadow:var(--slotted-date-range-picker-content-shadow, var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));display:grid;gap:var(--slotted-space-5, .75rem);grid-template-areas:\"head\" \"panels\" \"footer\";grid-template-columns:minmax(0,1fr);max-inline-size:var(--slotted-positioner-available-width, 100vw);padding:var(--slotted-date-range-picker-content-padding, var(--slotted-space-5, .75rem));pointer-events:auto}[data-ui-date-range-picker] [data-part-panels]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--slotted-space-5, .75rem);grid-area:panels;min-inline-size:0}[data-ui-date-range-picker] [data-part-panels]>[data-ui-calendar]{flex:0 1 auto}[data-ui-date-range-picker] [data-part-head]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:baseline;border-block-end:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );column-gap:var(--slotted-space-2, .25rem);display:flex;flex-wrap:wrap;grid-area:head;padding-block-end:var(--slotted-space-3, .375rem);row-gap:var(--slotted-space-1, .125rem)}[data-ui-date-range-picker] [data-part-head]>[data-part-head-start],[data-ui-date-range-picker] [data-part-head]>[data-part-head-end]{color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);unicode-bidi:plaintext;white-space:nowrap}[data-ui-date-range-picker] [data-part-head] :is([data-part-head-start],[data-part-head-end])[data-placeholder]{color:var(--slotted-date-range-picker-placeholder-color, var(--slotted-text-muted, GrayText));font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-date-range-picker] [data-part-head] :is([data-part-head-start],[data-part-head-end])[data-pending]{color:var(--slotted-date-range-picker-pending-color, var(--slotted-tone-accent-text))}[data-ui-date-range-picker] [data-part-length]{color:var(--slotted-date-range-picker-length-color, var(--slotted-tone-accent-text));font-size:var(--slotted-font-size-sm, 13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);margin-inline-start:auto;padding-inline-start:var(--slotted-space-4, .5rem);unicode-bidi:plaintext;white-space:nowrap}[data-ui-date-range-picker] [data-part-length][data-pending]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-date-range-picker] [data-part-length]:empty:before{content:\"\\200b\"}[data-ui-date-range-picker] [data-part-limit]{color:var(--slotted-date-range-picker-limit-color, var(--slotted-text-muted, GrayText));flex-basis:100%;font-size:var(--slotted-font-size-xs, 11px);unicode-bidi:plaintext}[data-ui-date-range-picker] [data-part-presets]{align-items:stretch;display:flex;flex:1 0 auto;flex-direction:column;gap:var(--slotted-space-1, .125rem)}[data-ui-date-range-picker] [data-part-preset]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-date-range-picker-radius, var(--slotted-control-radius, 4px));color:var(--slotted-date-range-picker-content-color, var(--slotted-text, CanvasText));cursor:pointer;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, 13px);line-height:var(--slotted-line-height-sm, 1.4);min-block-size:var(--slotted-target-min, 24px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui-date-range-picker] [data-part-preset]:hover:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-date-range-picker] [data-part-preset]:active:not(:disabled):not([data-selected]){background-color:var( --slotted-date-range-picker-preset-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-date-range-picker] [data-part-preset][data-selected]{background-color:var( --slotted-date-range-picker-preset-selected-background, var(--slotted-tone-accent-subtle-hover) );color:var(--slotted-date-range-picker-preset-selected-color, var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-date-range-picker] [data-part-preset]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-date-range-picker] [data-part-preset]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-date-range-picker] [data-part-footer]{box-sizing:border-box;inline-size:0;min-inline-size:100%;align-items:center;border-block-start:var(--slotted-border-width-thin, 1px) solid var( --slotted-date-range-picker-content-border-color, var(--slotted-border-subtle, ButtonBorder) );display:flex;gap:var(--slotted-space-2, .25rem);grid-area:footer;justify-content:flex-end;padding-block-start:var(--slotted-space-4, .5rem)}@media(max-width:480px)and (pointer:coarse){[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet]{inset:auto 0 0;position:fixed;translate:0 var(--slotted-space-9, 2rem)}[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet][data-open]{translate:0 0}[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet] [data-part-content]{border-end-end-radius:0;border-end-start-radius:0;border-inline:0;border-block-end:0;inline-size:var(--slotted-date-range-picker-sheet-inline-size, 100%);max-inline-size:none;justify-content:center}[data-ui-date-range-picker][data-part-positioner][data-presentation=sheet] [data-part-presets]{flex-direction:row;flex-wrap:wrap}}@media(forced-colors:active){[data-ui-date-range-picker][data-part-root][data-variant=plain] [data-part-control]{border-color:ButtonBorder}[data-ui-date-range-picker] [data-part-start]:after,[data-ui-date-range-picker] [data-part-end]:after{forced-color-adjust:none}[data-ui-date-range-picker] [data-part-start]:after,[data-ui-date-range-picker] [data-part-end]:after{background-color:currentcolor}[data-ui-date-range-picker] [data-part-preset][data-selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], defaultPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPosition", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], isDateUnavailable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDateUnavailable", required: false }] }], contiguous: [{ type: i0.Input, args: [{ isSignal: true, alias: "contiguous", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], months: [{ type: i0.Input, args: [{ isSignal: true, alias: "months", required: false }] }], weekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekNumbers", required: false }] }], fixedWeeks: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedWeeks", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], yearPivot: [{ type: i0.Input, args: [{ isSignal: true, alias: "yearPivot", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], startName: [{ type: i0.Input, args: [{ isSignal: true, alias: "startName", required: false }] }], endName: [{ type: i0.Input, args: [{ isSignal: true, alias: "endName", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], positionChange: [{ type: i0.Output, args: ["positionChange"] }], layer: [{
                 type: ViewChild,
                 args: ['layer']
@@ -1093,7 +1115,7 @@ class SlDateRangePickerPreset {
         this.picker.choose(typeof range === 'function' ? range() : range, event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePickerPreset, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlDateRangePickerPreset, isStandalone: true, selector: "button[slDateRangePickerPreset]", inputs: { range: { classPropertyName: "range", publicName: "slDateRangePickerPreset", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "preset", "type": "button" }, listeners: { "click": "choose($event)" }, properties: { "attr.data-selected": "selected() ? '' : null" } }, exportAs: ["slDateRangePickerPreset"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlDateRangePickerPreset, isStandalone: true, selector: "button[slDateRangePickerPreset]", inputs: { range: { classPropertyName: "range", publicName: "slDateRangePickerPreset", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "preset", "data-part-preset": "", "type": "button" }, listeners: { "click": "choose($event)" }, properties: { "attr.data-selected": "selected() ? '' : null" } }, exportAs: ["slDateRangePickerPreset"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePickerPreset, decorators: [{
             type: Directive,
@@ -1103,6 +1125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slDateRangePickerPreset',
                     host: {
                         'data-part': 'preset',
+                        'data-part-preset': '',
                         type: 'button',
                         '[attr.data-selected]': "selected() ? '' : null",
                         '(click)': 'choose($event)',
@@ -1116,7 +1139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlDateRangePickerPresets {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePickerPresets, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDateRangePickerPresets, isStandalone: true, selector: "[slDateRangePickerPresets]", host: { attributes: { "data-part": "presets" } }, exportAs: ["slDateRangePickerPresets"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDateRangePickerPresets, isStandalone: true, selector: "[slDateRangePickerPresets]", host: { attributes: { "data-part": "presets", "data-part-presets": "" } }, exportAs: ["slDateRangePickerPresets"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePickerPresets, decorators: [{
             type: Directive,
@@ -1124,13 +1147,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slDateRangePickerPresets]',
                     standalone: true,
                     exportAs: 'slDateRangePickerPresets',
-                    host: { 'data-part': 'presets' },
+                    host: { 'data-part': 'presets', 'data-part-presets': '' },
                 }]
         }] });
 /** The consumer's own actions, under whatever the surface is holding. */
 class SlDateRangePickerFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePickerFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDateRangePickerFooter, isStandalone: true, selector: "[slDateRangePickerFooter]", host: { attributes: { "data-part": "footer" } }, exportAs: ["slDateRangePickerFooter"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDateRangePickerFooter, isStandalone: true, selector: "[slDateRangePickerFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, exportAs: ["slDateRangePickerFooter"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDateRangePickerFooter, decorators: [{
             type: Directive,
@@ -1138,7 +1161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slDateRangePickerFooter]',
                     standalone: true,
                     exportAs: 'slDateRangePickerFooter',
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });