@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/date-field.js

@@ -0,0 +1,508 @@
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/DateField.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps, createRenderProps, createSlot, createSlottedContext, dom, removeDataAttributes } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { TextContext } from "./text.js";
+import { FieldErrorContext } from "./field-error.js";
+import { FormContext } from "./form.js";
+import { GroupContext } from "./group.js";
+import { Input, InputContext } from "./input.js";
+import { HiddenDateInput } from "./hidden-date-input.js";
+import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { Repeat, createContext, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { createCalendar } from "@internationalized/date";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { createDateField, createTimeField } from "@solid2-aria/core/datepicker/create-date-field";
+import { createDateSegment } from "@solid2-aria/core/datepicker/create-date-segment";
+import { createDateFieldState } from "@solid2-aria/stately/datepicker/create-date-field-state";
+import { createTimeFieldState } from "@solid2-aria/stately/datepicker/create-time-field-state";
+// src/date-field.tsx
+const DateFieldContext = createContext(null);
+const TimeFieldContext = createContext(null);
+const DateFieldStateContext = createContext(null);
+const TimeFieldStateContext = createContext(null);
+function DateField(input) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), DateFieldContext);
+	const form = createSlottedContext(FormContext);
+	const locale = createLocale();
+	const options = mergeProps$1(props, {
+		createCalendar,
+		get locale() {
+			return locale.locale;
+		},
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	});
+	const state = createDateFieldState(options);
+	const [fieldRef, setFieldRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => (props["aria-label"]?.length ?? 0) === 0 && (props["aria-labelledby"]?.length ?? 0) === 0);
+	const aria = createDateField(mergeProps$1(removeDataAttributes(options), {
+		inputRef,
+		get label() {
+			return label();
+		}
+	}), state, fieldRef);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-DateField",
+		values: {
+			get isDisabled() {
+				return state.isDisabled;
+			},
+			get isInvalid() {
+				return state.isInvalid;
+			},
+			get isReadOnly() {
+				return state.isReadOnly;
+			},
+			get isRequired() {
+				return props.isRequired ?? false;
+			},
+			state
+		}
+	}));
+	return createComponent(DateFieldStateContext, {
+		value: state,
+		get children() {
+			return createComponent(GroupContext, {
+				get value() {
+					return mergeProps$1(merge(() => aria.fieldProps), {
+						get isDisabled() {
+							return state.isDisabled;
+						},
+						get isInvalid() {
+							return state.isInvalid;
+						},
+						ref: (element) => {
+							setFieldRef(element);
+						}
+					});
+				},
+				get children() {
+					return createComponent(InputContext, {
+						get value() {
+							return mergeProps$1(merge(() => aria.inputProps), { ref: (element) => {
+								setInputRef(element);
+							} });
+						},
+						get children() {
+							return createComponent(LabelContext, {
+								get value() {
+									return mergeProps$1(merge(() => aria.labelProps), {
+										elementType: "span",
+										registerSlot: registerLabel
+									});
+								},
+								get children() {
+									return createComponent(TextContext, {
+										value: { slots: {
+											get description() {
+												return aria.descriptionProps;
+											},
+											get errorMessage() {
+												return aria.errorMessageProps;
+											}
+										} },
+										get children() {
+											return createComponent(FieldErrorContext, {
+												value: aria,
+												get children() {
+													return [createComponent(dom.div, mergeProps(() => {
+														return omit(filterDOMProps(props, { global: true }), "id");
+													}, render, {
+														ref: (element) => {
+															setRef(element);
+														},
+														get slot() {
+															return memo(() => {
+																return !!(typeof props.slot === "string" && props.slot.length > 0);
+															})() ? props.slot : void 0;
+														},
+														get "data-invalid"() {
+															return state.isInvalid || void 0;
+														},
+														get "data-disabled"() {
+															return state.isDisabled || void 0;
+														},
+														get "data-readonly"() {
+															return state.isReadOnly || void 0;
+														},
+														get "data-required"() {
+															return props.isRequired === true ? true : void 0;
+														},
+														get children() {
+															return render.children;
+														}
+													})), createComponent(HiddenDateInput, {
+														get autoComplete() {
+															return props.autoComplete;
+														},
+														get name() {
+															return props.name;
+														},
+														get isDisabled() {
+															return props.isDisabled;
+														},
+														state
+													})];
+												}
+											});
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+function TimeField(input) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), TimeFieldContext);
+	const form = createSlottedContext(FormContext);
+	const locale = createLocale();
+	const options = mergeProps$1(props, {
+		createCalendar,
+		get locale() {
+			return locale.locale;
+		},
+		get validationBehavior() {
+			return props.validationBehavior ?? form?.validationBehavior ?? "native";
+		}
+	});
+	const state = createTimeFieldState(options);
+	const [fieldRef, setFieldRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => (props["aria-label"]?.length ?? 0) === 0 && (props["aria-labelledby"]?.length ?? 0) === 0);
+	const aria = createTimeField(mergeProps$1(removeDataAttributes(options), {
+		inputRef,
+		get label() {
+			return label();
+		}
+	}), state, fieldRef);
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-TimeField",
+		values: {
+			get isDisabled() {
+				return state.isDisabled;
+			},
+			get isInvalid() {
+				return state.isInvalid;
+			},
+			get isReadOnly() {
+				return state.isReadOnly;
+			},
+			get isRequired() {
+				return props.isRequired ?? false;
+			},
+			state
+		}
+	}));
+	return createComponent(TimeFieldStateContext, {
+		value: state,
+		get children() {
+			return createComponent(GroupContext, {
+				get value() {
+					return mergeProps$1(merge(() => aria.fieldProps), {
+						get isDisabled() {
+							return state.isDisabled;
+						},
+						get isInvalid() {
+							return state.isInvalid;
+						},
+						ref: (element) => {
+							setFieldRef(element);
+						}
+					});
+				},
+				get children() {
+					return createComponent(InputContext, {
+						get value() {
+							return mergeProps$1(merge(() => aria.inputProps), { ref: (element) => {
+								setInputRef(element);
+							} });
+						},
+						get children() {
+							return createComponent(LabelContext, {
+								get value() {
+									return mergeProps$1(merge(() => aria.labelProps), {
+										elementType: "span",
+										registerSlot: registerLabel
+									});
+								},
+								get children() {
+									return createComponent(TextContext, {
+										value: { slots: {
+											get description() {
+												return aria.descriptionProps;
+											},
+											get errorMessage() {
+												return aria.errorMessageProps;
+											}
+										} },
+										get children() {
+											return createComponent(FieldErrorContext, {
+												value: aria,
+												get children() {
+													return createComponent(dom.div, mergeProps(() => {
+														return omit(filterDOMProps(props, { global: true }), "id");
+													}, render, {
+														ref: (element) => {
+															setRef(element);
+														},
+														get slot() {
+															return memo(() => {
+																return !!(typeof props.slot === "string" && props.slot.length > 0);
+															})() ? props.slot : void 0;
+														},
+														get "data-invalid"() {
+															return state.isInvalid || void 0;
+														},
+														get "data-disabled"() {
+															return state.isDisabled || void 0;
+														},
+														get "data-readonly"() {
+															return state.isReadOnly || void 0;
+														},
+														get "data-required"() {
+															return props.isRequired === true ? true : void 0;
+														},
+														get children() {
+															return render.children;
+														}
+													}));
+												}
+											});
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+function DateInput(props) {
+	return useContext(DateFieldStateContext) ?? useContext(TimeFieldStateContext) ? createComponent(DateInputInner, props) : createComponent(DateInputStandalone, props);
+}
+function DateInputStandalone(props) {
+	const [inputRef, setInputRef] = createSignal(null, { ownedWrite: true });
+	const [fieldProps, fieldRef, setFieldRef] = createContextProps({ get slot() {
+		return props.slot;
+	} }, untrack(() => props.ref), DateFieldContext);
+	const locale = createLocale();
+	const state = createDateFieldState(mergeProps$1(fieldProps, {
+		createCalendar,
+		get locale() {
+			return locale.locale;
+		}
+	}));
+	const aria = createDateField(mergeProps$1(fieldProps, { inputRef }), state, fieldRef);
+	return createComponent(DateFieldStateContext, {
+		value: state,
+		get children() {
+			return createComponent(InputContext, {
+				get value() {
+					return mergeProps$1(merge(() => aria.inputProps), { ref: (element) => {
+						setInputRef(element);
+					} });
+				},
+				get children() {
+					return createComponent(GroupContext, {
+						get value() {
+							return mergeProps$1(merge(() => aria.fieldProps), {
+								get isDisabled() {
+									return state.isDisabled;
+								},
+								get isInvalid() {
+									return state.isInvalid;
+								},
+								ref: (element) => {
+									setFieldRef(element);
+								}
+							});
+						},
+						get children() {
+							return createComponent(DateInputInner, mergeProps(() => {
+								return omit(props, "ref");
+							}));
+						}
+					});
+				}
+			});
+		}
+	});
+}
+function DateInputInner(input) {
+	const state = useContext(DateFieldStateContext) ?? requireValue(useContext(TimeFieldStateContext), "Expected useContext(TimeFieldStateContext)");
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), GroupContext);
+	const focus = createFocusRing({ within: true });
+	const hover = createHover(mergeProps$1(props, { get isDisabled() {
+		return state.isDisabled;
+	} }));
+	const render = createRenderProps(mergeProps$1(omit(props, "children"), {
+		defaultClass: "solid2-aria-DateInput",
+		values: {
+			get isDisabled() {
+				return state.isDisabled;
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocusWithin() {
+				return focus.isFocused;
+			},
+			get isHovered() {
+				return hover.isHovered;
+			},
+			get isInvalid() {
+				return state.isInvalid;
+			}
+		}
+	}));
+	return [createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, {
+			global: true,
+			labelable: true
+		}), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			setRef(element);
+		},
+		role: "group",
+		get slot() {
+			return memo(() => {
+				return !!(typeof props.slot === "string" && props.slot.length > 0);
+			})() ? props.slot : void 0;
+		},
+		get "data-focus-within"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-disabled"() {
+			return state.isDisabled || void 0;
+		},
+		get "data-invalid"() {
+			return state.isInvalid || void 0;
+		},
+		get "data-readonly"() {
+			return state.isReadOnly || void 0;
+		},
+		get children() {
+			return createComponent(Repeat, {
+				get count() {
+					return state.segments.length;
+				},
+				children: (index) => memo(() => {
+					return props.children(merge(() => requireValue(state.segments[index], "Expected state.segments[index]")));
+				})
+			});
+		}
+	})), createComponent(Input, { class: "" })];
+}
+function DateSegment(props) {
+	const state = useContext(DateFieldStateContext) ?? requireValue(useContext(TimeFieldStateContext), "Expected useContext(TimeFieldStateContext)");
+	const [ref, setRef] = createSignal(null, { ownedWrite: true });
+	const aria = createDateSegment(() => props.segment, state, ref);
+	const focus = createFocusRing();
+	const hover = createHover(mergeProps$1(props, { get isDisabled() {
+		return state.isDisabled || props.segment.type === "literal";
+	} }));
+	const values = mergeProps$1(merge(() => props.segment), {
+		get isDisabled() {
+			return state.isDisabled;
+		},
+		get isFocusVisible() {
+			return focus.isFocusVisible;
+		},
+		get isFocused() {
+			return focus.isFocused;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isInvalid() {
+			return state.isInvalid;
+		},
+		get isReadOnly() {
+			return state.isReadOnly;
+		}
+	});
+	const render = createRenderProps(mergeProps$1(props, {
+		get defaultChildren() {
+			return props.segment.text;
+		},
+		defaultClass: "solid2-aria-DateSegment",
+		values
+	}));
+	return createComponent(dom.span, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(props, { global: true }), merge(() => aria.segmentProps), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), render);
+	}, {
+		get style() {
+			return aria.segmentProps.style;
+		},
+		ref: [(element) => {
+			setRef(element);
+		}, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		}],
+		get "data-placeholder"() {
+			return props.segment.isPlaceholder || void 0;
+		},
+		get "data-invalid"() {
+			return state.isInvalid || void 0;
+		},
+		get "data-readonly"() {
+			return state.isReadOnly || void 0;
+		},
+		get "data-disabled"() {
+			return state.isDisabled || void 0;
+		},
+		get "data-type"() {
+			return props.segment.type;
+		},
+		get "data-hovered"() {
+			return hover.isHovered || void 0;
+		},
+		get "data-focused"() {
+			return focus.isFocused || void 0;
+		},
+		get "data-focus-visible"() {
+			return focus.isFocusVisible || void 0;
+		},
+		get children() {
+			return render.children;
+		}
+	}));
+}
+export { DateField, DateFieldContext, DateFieldStateContext, DateInput, DateSegment, TimeField, TimeFieldContext, TimeFieldStateContext };
+
+//# sourceMappingURL=date-field.js.map

package/dist/browser/date-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.js","names":["<DateFieldStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.fieldProps),\n          {\n            get isDisabled() {\n              return state.isDisabled;\n            },\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setFieldRef(element);\n            },\n          }\n        )}\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n                <HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>\n    </DateFieldStateContext>","value={state}","<GroupContext\n        value={mergeProps(\n          merge(() => aria.fieldProps),\n          {\n            get isDisabled() {\n              return state.isDisabled;\n            },\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setFieldRef(element);\n            },\n          }\n        )}\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n                <HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>","<InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n                <HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>","<LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n                <HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>","<TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n                <HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />\n              </FieldErrorContext>\n            </TextContext>","value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}","<FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n                <HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />\n              </FieldErrorContext>","value={aria}","<dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>","dom.div","ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}","typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined","<HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />","<TimeFieldStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.fieldProps),\n          {\n            get isDisabled() {\n              return state.isDisabled;\n            },\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setFieldRef(element);\n            },\n          }\n        )}\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>\n    </TimeFieldStateContext>","<GroupContext\n        value={mergeProps(\n          merge(() => aria.fieldProps),\n          {\n            get isDisabled() {\n              return state.isDisabled;\n            },\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setFieldRef(element);\n            },\n          }\n        )}\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>","<InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>","<LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>","<TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </FieldErrorContext>\n            </TextContext>","<FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </FieldErrorContext>","<DateInputInner {...props} />","<DateInputStandalone {...props} />","<DateFieldStateContext value={state}>\n      <InputContext\n        value={mergeProps(\n          merge(() => aria.inputProps),\n          {\n            ref: (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n          }\n        )}\n      >\n        <GroupContext\n          value={mergeProps(\n            merge(() => aria.fieldProps),\n            {\n              get isDisabled() {\n                return state.isDisabled;\n              },\n              get isInvalid() {\n                return state.isInvalid;\n              },\n              ref: (element: HTMLDivElement) => {\n                setFieldRef(element);\n              },\n            }\n          )}\n        >\n          <DateInputInner\n            {\n              // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              ...omit(props, \"ref\")\n              // oxlint-enable solid/reactivity\n            }\n          />\n        </GroupContext>\n      </InputContext>\n    </DateFieldStateContext>","<InputContext\n        value={mergeProps(\n          merge(() => aria.inputProps),\n          {\n            ref: (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n          }\n        )}\n      >\n        <GroupContext\n          value={mergeProps(\n            merge(() => aria.fieldProps),\n            {\n              get isDisabled() {\n                return state.isDisabled;\n              },\n              get isInvalid() {\n                return state.isInvalid;\n              },\n              ref: (element: HTMLDivElement) => {\n                setFieldRef(element);\n              },\n            }\n          )}\n        >\n          <DateInputInner\n            {\n              // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              ...omit(props, \"ref\")\n              // oxlint-enable solid/reactivity\n            }\n          />\n        </GroupContext>\n      </InputContext>","<GroupContext\n          value={mergeProps(\n            merge(() => aria.fieldProps),\n            {\n              get isDisabled() {\n                return state.isDisabled;\n              },\n              get isInvalid() {\n                return state.isInvalid;\n              },\n              ref: (element: HTMLDivElement) => {\n                setFieldRef(element);\n              },\n            }\n          )}\n        >\n          <DateInputInner\n            {\n              // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              ...omit(props, \"ref\")\n              // oxlint-enable solid/reactivity\n            }\n          />\n        </GroupContext>","<DateInputInner\n            {\n              // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              ...omit(props, \"ref\")\n              // oxlint-enable solid/reactivity\n            }\n          />","<dom.div\n        {...mergeProps(\n          filterDOMProps(props, { global: true, labelable: true }),\n          merge(() => focus.focusProps ?? {}),\n          merge(() => hover.hoverProps ?? {}),\n          render\n        )}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        role=\"group\"\n        slot={\n          typeof props.slot === \"string\" && props.slot.length > 0\n            ? props.slot\n            : undefined\n        }\n        data-focus-within={focus.isFocused || undefined}\n        data-focus-visible={focus.isFocusVisible || undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-disabled={state.isDisabled || undefined}\n        data-invalid={state.isInvalid || undefined}\n        data-readonly={state.isReadOnly || undefined}\n      >\n        <Repeat count={state.segments.length}>\n          {(index) => (\n            <>\n              {props.children(\n                merge(() =>\n                  requireValue(\n                    state.segments[index],\n                    \"Expected state.segments[index]\"\n                  )\n                )\n              )}\n            </>\n          )}\n        </Repeat>\n      </dom.div>","ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}","role=\"group\"","typeof props.slot === \"string\" && props.slot.length > 0\n            ? props.slot\n            : undefined","<Repeat count={state.segments.length}>\n          {(index) => (\n            <>\n              {props.children(\n                merge(() =>\n                  requireValue(\n                    state.segments[index],\n                    \"Expected state.segments[index]\"\n                  )\n                )\n              )}\n            </>\n          )}\n        </Repeat>","{props.children(\n                merge(() =>\n                  requireValue(\n                    state.segments[index],\n                    \"Expected state.segments[index]\"\n                  )\n                )\n              )}","<Input class=\"\" />","class=\"\"","<dom.span\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.segmentProps),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      style={aria.segmentProps.style}\n      ref={[\n        (element: HTMLSpanElement) => {\n          setRef(element);\n        },\n        (element: HTMLSpanElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-placeholder={props.segment.isPlaceholder || undefined}\n      data-invalid={state.isInvalid || undefined}\n      data-readonly={state.isReadOnly || undefined}\n      data-disabled={state.isDisabled || undefined}\n      data-type={props.segment.type}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      {render.children}\n    </dom.span>","dom.span","ref={[\n        (element: HTMLSpanElement) => {\n          setRef(element);\n        },\n        (element: HTMLSpanElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}","mergeProps","_$createComponent","_$mergeProps","_$memo"],"sources":["../../src/date-field.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/DateField.tsx.\n * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createCalendar } from \"@internationalized/date\";\nimport {\n  createDateField,\n  createTimeField,\n} from \"@solid2-aria/core/datepicker/create-date-field\";\nimport type {\n  AriaDateFieldProps,\n  AriaTimeFieldProps,\n} from \"@solid2-aria/core/datepicker/create-date-field\";\nimport { createDateSegment } from \"@solid2-aria/core/datepicker/create-date-segment\";\nimport { createFocusRing } from \"@solid2-aria/core/focus/create-focus-ring\";\nimport { createLocale } from \"@solid2-aria/core/i18n/i18n-provider\";\nimport { createHover } from \"@solid2-aria/core/interactions/create-hover\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { createDateFieldState } from \"@solid2-aria/stately/datepicker/create-date-field-state\";\nimport type {\n  DateFieldState,\n  DateSegment as IDateSegment,\n  DateSegmentType,\n} from \"@solid2-aria/stately/datepicker/create-date-field-state\";\nimport { createTimeFieldState } from \"@solid2-aria/stately/datepicker/create-time-field-state\";\nimport type { TimeFieldState } from \"@solid2-aria/stately/datepicker/create-time-field-state\";\nimport type {\n  DateValue,\n  TimeValue,\n} from \"@solid2-aria/stately/datepicker/types\";\nimport type { HoverEvents } from \"@solid2-aria/types-shared\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  untrack,\n  createSignal,\n  merge,\n  createContext,\n  Repeat,\n  omit,\n  useContext,\n} from \"solid-js\";\n\nimport { FieldErrorContext } from \"./field-error\";\nimport { FormContext } from \"./form\";\nimport { GroupContext } from \"./group\";\nimport { HiddenDateInput } from \"./hidden-date-input\";\nimport { Input, InputContext } from \"./input\";\nimport { LabelContext } from \"./label\";\nimport { TextContext } from \"./text\";\nimport {\n  assignRef,\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlot,\n  createSlottedContext,\n  removeDataAttributes,\n} from \"./utils\";\nimport type {\n  ContextValue,\n  RenderProps,\n  StyleRenderProps,\n  SlotProps,\n  Ref,\n  RACValidation,\n} from \"./utils\";\n\nexport interface DateFieldRenderProps {\n  state: DateFieldState;\n  isInvalid: boolean;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isRequired: boolean;\n}\n\nexport interface DateFieldProps<T extends DateValue>\n  extends\n    Omit<\n      AriaDateFieldProps<T>,\n      | \"label\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n    >,\n    RACValidation,\n    RenderProps<DateFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface TimeFieldProps<T extends TimeValue>\n  extends\n    Omit<\n      AriaTimeFieldProps<T>,\n      | \"label\"\n      | \"description\"\n      | \"errorMessage\"\n      | \"validationState\"\n      | \"validationBehavior\"\n    >,\n    RACValidation,\n    RenderProps<DateFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const DateFieldContext =\n  createContext<ContextValue<DateFieldProps<DateValue>, HTMLDivElement>>(null);\n\nexport const TimeFieldContext =\n  createContext<ContextValue<TimeFieldProps<TimeValue>, HTMLDivElement>>(null);\n\nexport const DateFieldStateContext = createContext<DateFieldState | null>(null);\nexport const TimeFieldStateContext = createContext<TimeFieldState | null>(null);\n\nexport function DateField<T extends DateValue>(\n  input: DateFieldProps<T>\n): JSX.Element {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    DateFieldContext\n  );\n\n  const form = createSlottedContext(FormContext);\n  const locale = createLocale();\n\n  const options = mergeProps(props, {\n    createCalendar,\n    get locale() {\n      return locale.locale;\n    },\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createDateFieldState(options);\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createDateField(\n    mergeProps(removeDataAttributes(options), {\n      inputRef,\n      get label() {\n        return label();\n      },\n    }),\n    state,\n    fieldRef\n  );\n\n  const values: DateFieldRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isInvalid() {\n      return state.isInvalid;\n    },\n    get isReadOnly() {\n      return state.isReadOnly;\n    },\n    get isRequired() {\n      return props.isRequired ?? false;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-DateField\", values })\n  );\n\n  return (\n    <DateFieldStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.fieldProps),\n          {\n            get isDisabled() {\n              return state.isDisabled;\n            },\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setFieldRef(element);\n            },\n          }\n        )}\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n                <HiddenDateInput\n                  autoComplete={props.autoComplete}\n                  name={props.name}\n                  isDisabled={props.isDisabled}\n                  state={state}\n                />\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>\n    </DateFieldStateContext>\n  );\n}\n\nexport function TimeField<T extends TimeValue>(\n  input: TimeFieldProps<T>\n): JSX.Element {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    TimeFieldContext\n  );\n\n  const form = createSlottedContext(FormContext);\n  const locale = createLocale();\n\n  const options = mergeProps(props, {\n    createCalendar,\n    get locale() {\n      return locale.locale;\n    },\n    get validationBehavior() {\n      return props.validationBehavior ?? form?.validationBehavior ?? \"native\";\n    },\n  });\n\n  const state = createTimeFieldState(options);\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const [registerLabel, label] = createSlot(\n    () =>\n      (props[\"aria-label\"]?.length ?? 0) === 0 &&\n      (props[\"aria-labelledby\"]?.length ?? 0) === 0\n  );\n\n  const aria = createTimeField(\n    mergeProps(removeDataAttributes(options), {\n      inputRef,\n      get label() {\n        return label();\n      },\n    }),\n    state,\n    fieldRef\n  );\n\n  const values: DateFieldRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isInvalid() {\n      return state.isInvalid;\n    },\n    get isReadOnly() {\n      return state.isReadOnly;\n    },\n    get isRequired() {\n      return props.isRequired ?? false;\n    },\n    state,\n  };\n\n  const render = createRenderProps(\n    mergeProps(props, { defaultClass: \"solid2-aria-TimeField\", values })\n  );\n\n  return (\n    <TimeFieldStateContext value={state}>\n      <GroupContext\n        value={mergeProps(\n          merge(() => aria.fieldProps),\n          {\n            get isDisabled() {\n              return state.isDisabled;\n            },\n            get isInvalid() {\n              return state.isInvalid;\n            },\n            ref: (element: HTMLDivElement) => {\n              setFieldRef(element);\n            },\n          }\n        )}\n      >\n        <InputContext\n          value={mergeProps(\n            merge(() => aria.inputProps),\n            {\n              ref: (element: HTMLInputElement) => {\n                setInputRef(element);\n              },\n            }\n          )}\n        >\n          <LabelContext\n            value={mergeProps(\n              merge(() => aria.labelProps),\n              { elementType: \"span\" as const, registerSlot: registerLabel }\n            )}\n          >\n            <TextContext\n              value={{\n                slots: {\n                  get description() {\n                    return aria.descriptionProps;\n                  },\n                  get errorMessage() {\n                    return aria.errorMessageProps;\n                  },\n                },\n              }}\n            >\n              <FieldErrorContext value={aria}>\n                <dom.div\n                  {\n                    // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n                    ...omit(filterDOMProps(props, { global: true }), \"id\")\n                    // oxlint-enable solid/reactivity\n                  }\n                  {...render}\n                  ref={(element: HTMLDivElement) => {\n                    setRef(element);\n                  }}\n                  slot={\n                    typeof props.slot === \"string\" && props.slot.length > 0\n                      ? props.slot\n                      : undefined\n                  }\n                  data-invalid={state.isInvalid || undefined}\n                  data-disabled={state.isDisabled || undefined}\n                  data-readonly={state.isReadOnly || undefined}\n                  data-required={props.isRequired === true ? true : undefined}\n                >\n                  {render.children}\n                </dom.div>\n              </FieldErrorContext>\n            </TextContext>\n          </LabelContext>\n        </InputContext>\n      </GroupContext>\n    </TimeFieldStateContext>\n  );\n}\n\nexport interface DateInputRenderProps {\n  isHovered: boolean;\n  isFocusWithin: boolean;\n  isFocusVisible: boolean;\n  isDisabled: boolean;\n  isInvalid: boolean;\n}\n\nexport interface DateInputProps\n  extends\n    SlotProps,\n    StyleRenderProps<DateInputRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  children: (segment: IDateSegment) => JSX.Element;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function DateInput(props: DateInputProps): JSX.Element {\n  const state =\n    useContext(DateFieldStateContext) ?? useContext(TimeFieldStateContext);\n\n  return (\n    <>\n      {state ? (\n        <DateInputInner {...props} />\n      ) : (\n        <DateInputStandalone {...props} />\n      )}\n    </>\n  );\n}\n\nfunction DateInputStandalone(props: DateInputProps): JSX.Element {\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const input: DateFieldProps<DateValue> = {\n    get slot() {\n      return props.slot;\n    },\n  };\n\n  const [fieldProps, fieldRef, setFieldRef] = createContextProps(\n    input,\n    untrack(() => props.ref),\n    DateFieldContext\n  );\n\n  const locale = createLocale();\n\n  const state = createDateFieldState(\n    mergeProps(fieldProps, {\n      createCalendar,\n      get locale() {\n        return locale.locale;\n      },\n    })\n  );\n\n  const aria = createDateField(\n    mergeProps(fieldProps, { inputRef }),\n    state,\n    fieldRef\n  );\n\n  return (\n    <DateFieldStateContext value={state}>\n      <InputContext\n        value={mergeProps(\n          merge(() => aria.inputProps),\n          {\n            ref: (element: HTMLInputElement) => {\n              setInputRef(element);\n            },\n          }\n        )}\n      >\n        <GroupContext\n          value={mergeProps(\n            merge(() => aria.fieldProps),\n            {\n              get isDisabled() {\n                return state.isDisabled;\n              },\n              get isInvalid() {\n                return state.isInvalid;\n              },\n              ref: (element: HTMLDivElement) => {\n                setFieldRef(element);\n              },\n            }\n          )}\n        >\n          <DateInputInner\n            {\n              // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n              ...omit(props, \"ref\")\n              // oxlint-enable solid/reactivity\n            }\n          />\n        </GroupContext>\n      </InputContext>\n    </DateFieldStateContext>\n  );\n}\n\nfunction DateInputInner(input: DateInputProps): JSX.Element {\n  const state =\n    useContext(DateFieldStateContext) ??\n    requireValue(\n      useContext(TimeFieldStateContext),\n      \"Expected useContext(TimeFieldStateContext)\"\n    );\n\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    GroupContext\n  );\n\n  const focus = createFocusRing({ within: true });\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return state.isDisabled;\n      },\n    })\n  );\n\n  const values: DateInputRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isFocusVisible() {\n      return focus.isFocusVisible;\n    },\n    get isFocusWithin() {\n      return focus.isFocused;\n    },\n    get isHovered() {\n      return hover.isHovered;\n    },\n    get isInvalid() {\n      return state.isInvalid;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(omit(props, \"children\"), {\n      defaultClass: \"solid2-aria-DateInput\",\n      values,\n    })\n  );\n\n  return (\n    <>\n      <dom.div\n        {...mergeProps(\n          filterDOMProps(props, { global: true, labelable: true }),\n          merge(() => focus.focusProps ?? {}),\n          merge(() => hover.hoverProps ?? {}),\n          render\n        )}\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        role=\"group\"\n        slot={\n          typeof props.slot === \"string\" && props.slot.length > 0\n            ? props.slot\n            : undefined\n        }\n        data-focus-within={focus.isFocused || undefined}\n        data-focus-visible={focus.isFocusVisible || undefined}\n        data-hovered={hover.isHovered || undefined}\n        data-disabled={state.isDisabled || undefined}\n        data-invalid={state.isInvalid || undefined}\n        data-readonly={state.isReadOnly || undefined}\n      >\n        <Repeat count={state.segments.length}>\n          {(index) => (\n            <>\n              {props.children(\n                merge(() =>\n                  requireValue(\n                    state.segments[index],\n                    \"Expected state.segments[index]\"\n                  )\n                )\n              )}\n            </>\n          )}\n        </Repeat>\n      </dom.div>\n      <Input class=\"\" />\n    </>\n  );\n}\n\nexport interface DateSegmentRenderProps extends Omit<\n  IDateSegment,\n  \"isEditable\"\n> {\n  isHovered: boolean;\n  isFocused: boolean;\n  isFocusVisible: boolean;\n  isPlaceholder: boolean;\n  isReadOnly: boolean;\n  isDisabled: boolean;\n  isInvalid: boolean;\n  type: DateSegmentType;\n}\n\nexport interface DateSegmentProps\n  extends\n    RenderProps<DateSegmentRenderProps, \"span\">,\n    HoverEvents,\n    GlobalDOMAttributes<HTMLSpanElement> {\n  segment: IDateSegment;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function DateSegment(props: DateSegmentProps): JSX.Element {\n  const state =\n    useContext(DateFieldStateContext) ??\n    requireValue(\n      useContext(TimeFieldStateContext),\n      \"Expected useContext(TimeFieldStateContext)\"\n    );\n\n  const [ref, setRef] = createSignal<HTMLSpanElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createDateSegment(() => props.segment, state, ref);\n  const focus = createFocusRing();\n\n  const hover = createHover(\n    mergeProps(props, {\n      get isDisabled() {\n        return state.isDisabled || props.segment.type === \"literal\";\n      },\n    })\n  );\n\n  const values: DateSegmentRenderProps = mergeProps(\n    merge(() => props.segment),\n    {\n      get isDisabled() {\n        return state.isDisabled;\n      },\n      get isFocusVisible() {\n        return focus.isFocusVisible;\n      },\n      get isFocused() {\n        return focus.isFocused;\n      },\n      get isHovered() {\n        return hover.isHovered;\n      },\n      get isInvalid() {\n        return state.isInvalid;\n      },\n      get isReadOnly() {\n        return state.isReadOnly;\n      },\n    }\n  );\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      get defaultChildren() {\n        return props.segment.text;\n      },\n      defaultClass: \"solid2-aria-DateSegment\",\n      values,\n    })\n  );\n\n  return (\n    <dom.span\n      {...mergeProps(\n        filterDOMProps(props, { global: true }),\n        merge(() => aria.segmentProps),\n        merge(() => focus.focusProps ?? {}),\n        merge(() => hover.hoverProps ?? {}),\n        render\n      )}\n      style={aria.segmentProps.style}\n      ref={[\n        (element: HTMLSpanElement) => {\n          setRef(element);\n        },\n        (element: HTMLSpanElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        },\n      ]}\n      data-placeholder={props.segment.isPlaceholder || undefined}\n      data-invalid={state.isInvalid || undefined}\n      data-readonly={state.isReadOnly || undefined}\n      data-disabled={state.isDisabled || undefined}\n      data-type={props.segment.type}\n      data-hovered={hover.isHovered || undefined}\n      data-focused={focus.isFocused || undefined}\n      data-focus-visible={focus.isFocusVisible || undefined}\n    >\n      {render.children}\n    </dom.span>\n  );\n}\n"],"mappings":"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"}