TimeField

Segmented time editing with locale-sensitive formatting.

Usage

1import { TimeField } from "@lenso/ui";

1"use client";2
3// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.4import { TimeField } from "@lenso/ui";5import { styles } from "../date-field/demo-styles";6
7export function Basic() {8  return (9    <TimeField xstyle={styles.field} name="time">10      <TimeField.Label>Time</TimeField.Label>11      <TimeField.Group>12        <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>13      </TimeField.Group>14    </TimeField>15  );16}

Examples

time field with prefix icon

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { Clock } from "@gravity-ui/icons";4import { TimeField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6import { styles } from "../date-field/demo-styles";7
8export function WithPrefixIcon() {9  return (10    <TimeField xstyle={styles.field} name="time">11      <TimeField.Label>Time</TimeField.Label>12      <TimeField.Group>13        <TimeField.Prefix>14          <Clock {...stylex.props(styles.icon)} aria-hidden="true" />15        </TimeField.Prefix>16        <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>17      </TimeField.Group>18    </TimeField>19  );20}

time field with suffix icon

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { Clock } from "@gravity-ui/icons";4import { TimeField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6import { styles } from "../date-field/demo-styles";7
8export function WithSuffixIcon() {9  return (10    <TimeField xstyle={styles.field} name="time">11      <TimeField.Label>Time</TimeField.Label>12      <TimeField.Group>13        <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>14        <TimeField.Suffix>15          <Clock {...stylex.props(styles.icon)} aria-hidden="true" />16        </TimeField.Suffix>17      </TimeField.Group>18    </TimeField>19  );20}

time field with prefix and suffix

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { ChevronDown, Clock } from "@gravity-ui/icons";4import { TimeField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6import { styles } from "../date-field/demo-styles";7
8export function WithPrefixAndSuffix() {9  return (10    <TimeField xstyle={styles.field} name="time">11      <TimeField.Label>Time</TimeField.Label>12      <TimeField.Group>13        <TimeField.Prefix>14          <Clock {...stylex.props(styles.icon)} aria-hidden="true" />15        </TimeField.Prefix>16        <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>17        <TimeField.Suffix>18          <ChevronDown {...stylex.props(styles.icon)} aria-hidden="true" />19        </TimeField.Suffix>20      </TimeField.Group>21      <TimeField.Description>Enter a time</TimeField.Description>22    </TimeField>23  );24}

time field on surface

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { Clock } from "@gravity-ui/icons";4import { Surface, TimeField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6import { styles } from "../date-field/demo-styles";7
8export function OnSurface() {9  return (10    <Surface xstyle={styles.surface}>11      <TimeField xstyle={styles.full} name="time">12        <TimeField.Label>Time</TimeField.Label>13        <TimeField.Group variant="secondary">14          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>15        </TimeField.Group>16        <TimeField.Description>Enter a time</TimeField.Description>17      </TimeField>18      <TimeField xstyle={styles.full} name="time-2">19        <TimeField.Label>Appointment time</TimeField.Label>20        <TimeField.Group variant="secondary">21          <TimeField.Prefix>22            <Clock {...stylex.props(styles.icon)} aria-hidden="true" />23          </TimeField.Prefix>24          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>25        </TimeField.Group>26        <TimeField.Description>Enter a time for your appointment</TimeField.Description>27      </TimeField>28    </Surface>29  );30}

time field with description

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { TimeField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5import { styles } from "../date-field/demo-styles";6
7export function WithDescription() {8  return (9    <div {...stylex.props(styles.column)}>10      <TimeField xstyle={styles.field} name="time">11        <TimeField.Label>Start time</TimeField.Label>12        <TimeField.Group>13          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>14        </TimeField.Group>15        <TimeField.Description>Enter the start time</TimeField.Description>16      </TimeField>17      <TimeField xstyle={styles.field} name="end-time">18        <TimeField.Label>End time</TimeField.Label>19        <TimeField.Group>20          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>21        </TimeField.Group>22        <TimeField.Description>Enter the end time</TimeField.Description>23      </TimeField>24    </div>25  );26}

time field required

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { TimeField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5import { styles } from "../date-field/demo-styles";6
7export function Required() {8  return (9    <div {...stylex.props(styles.column)}>10      <TimeField isRequired xstyle={styles.field} name="time">11        <TimeField.Label>Time</TimeField.Label>12        <TimeField.Group>13          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>14        </TimeField.Group>15      </TimeField>16      <TimeField isRequired xstyle={styles.field} name="appointment-time">17        <TimeField.Label>Appointment time</TimeField.Label>18        <TimeField.Group>19          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>20        </TimeField.Group>21        <TimeField.Description>Required field</TimeField.Description>22      </TimeField>23    </div>24  );25}

time field disabled

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { TimeField } from "@lenso/ui";4import { Time, getLocalTimeZone, now } from "@internationalized/date";5import * as stylex from "@stylexjs/stylex";6import { styles } from "../date-field/demo-styles";7
8export function Disabled() {9  const currentTime = now(getLocalTimeZone());10  const timeValue = new Time(currentTime.hour, currentTime.minute, currentTime.second);11  return (12    <div {...stylex.props(styles.column)}>13      <TimeField isDisabled xstyle={styles.field} name="time" value={timeValue}>14        <TimeField.Label>Time</TimeField.Label>15        <TimeField.Group>16          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>17        </TimeField.Group>18        <TimeField.Description>This time field is disabled</TimeField.Description>19      </TimeField>20      <TimeField isDisabled xstyle={styles.field} name="time-empty">21        <TimeField.Label>Time</TimeField.Label>22        <TimeField.Group>23          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>24        </TimeField.Group>25        <TimeField.Description>This time field is disabled</TimeField.Description>26      </TimeField>27    </div>28  );29}

time field full width

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { ChevronDown, Clock } from "@gravity-ui/icons";4import { TimeField } from "@lenso/ui";5import * as stylex from "@stylexjs/stylex";6import { styles } from "../date-field/demo-styles";7
8export function FullWidth() {9  return (10    <div {...stylex.props(styles.wide)}>11      <TimeField fullWidth name="time">12        <TimeField.Label>Time</TimeField.Label>13        <TimeField.Group fullWidth>14          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>15        </TimeField.Group>16      </TimeField>17      <TimeField fullWidth name="time-icons">18        <TimeField.Label>Time</TimeField.Label>19        <TimeField.Group fullWidth>20          <TimeField.Prefix>21            <Clock {...stylex.props(styles.icon)} aria-hidden="true" />22          </TimeField.Prefix>23          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>24          <TimeField.Suffix>25            <ChevronDown {...stylex.props(styles.icon)} aria-hidden="true" />26          </TimeField.Suffix>27        </TimeField.Group>28      </TimeField>29    </div>30  );31}

time field invalid

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { TimeField } from "@lenso/ui";4import * as stylex from "@stylexjs/stylex";5import { styles } from "../date-field/demo-styles";6
7export function Invalid() {8  return (9    <div {...stylex.props(styles.column)}>10      <TimeField isInvalid isRequired xstyle={styles.field} name="time">11        <TimeField.Label>Time</TimeField.Label>12        <TimeField.Group>13          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>14        </TimeField.Group>15        <TimeField.Error>Please enter a valid time</TimeField.Error>16      </TimeField>17      <TimeField isInvalid xstyle={styles.field} name="invalid-time">18        <TimeField.Label>Time</TimeField.Label>19        <TimeField.Group>20          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>21        </TimeField.Group>22        <TimeField.Error>Time must be within business hours</TimeField.Error>23      </TimeField>24    </div>25  );26}

time field controlled

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import type { TimeValue } from "react-aria-components/TimeField";4import { Button, TimeField } from "@lenso/ui";5import { Time, getLocalTimeZone, now } from "@internationalized/date";6import { useState } from "react";7import * as stylex from "@stylexjs/stylex";8import { styles } from "../date-field/demo-styles";9
10export function Controlled() {11  const [value, setValue] = useState<TimeValue | null>(null);12  return (13    <div {...stylex.props(styles.column)}>14      <TimeField xstyle={styles.field} name="time" value={value} onChange={setValue}>15        <TimeField.Label>Time</TimeField.Label>16        <TimeField.Group>17          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>18        </TimeField.Group>19        <TimeField.Description>20          Current value: {value ? value.toString() : "(empty)"}21        </TimeField.Description>22      </TimeField>23      <div {...stylex.props(styles.row)}>24        <Button25          variant="tertiary"26          onClick={() => {27            const currentTime = now(getLocalTimeZone());28            setValue(new Time(currentTime.hour, currentTime.minute, currentTime.second));29          }}30        >31          Set now32        </Button>33        <Button variant="tertiary" onClick={() => setValue(null)}>34          Clear35        </Button>36      </div>37    </div>38  );39}

time field form example

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import type { Time } from "@internationalized/date";4import { Clock } from "@gravity-ui/icons";5import { Button, TimeField } from "@lenso/ui";6import { Form } from "react-aria-components/Form";7import { parseTime } from "@internationalized/date";8import { useState, type FormEvent } from "react";9import * as stylex from "@stylexjs/stylex";10import { styles } from "../date-field/demo-styles";11
12export function FormExample() {13  const [value, setValue] = useState<Time | null>(null);14  const [isSubmitting, setIsSubmitting] = useState(false);15  const minTime = parseTime("09:00");16  const maxTime = parseTime("17:00");17  const isInvalid = value !== null && (value.compare(minTime) < 0 || value.compare(maxTime) > 0);18  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {19    event.preventDefault();20    if (!value || isInvalid || isSubmitting) return;21    setIsSubmitting(true);22    setTimeout(() => {23      console.log("Time submitted:", { time: value });24      setValue(null);25      setIsSubmitting(false);26    }, 1500);27  };28  return (29    <Form {...stylex.props(styles.form)} onSubmit={handleSubmit}>30      <TimeField31        isRequired32        xstyle={styles.full}33        isInvalid={isInvalid}34        maxValue={maxTime}35        minValue={minTime}36        name="time"37        value={value}38        onChange={setValue}39      >40        <TimeField.Label>Appointment time</TimeField.Label>41        <TimeField.Group>42          <TimeField.Prefix>43            <Clock {...stylex.props(styles.icon)} aria-hidden="true" />44          </TimeField.Prefix>45          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>46        </TimeField.Group>47        {isInvalid ? (48          <TimeField.Error>Time must be between 9:00 AM and 5:00 PM</TimeField.Error>49        ) : (50          <TimeField.Description>Enter a time between 9:00 AM and 5:00 PM</TimeField.Description>51        )}52      </TimeField>53      <Button54        xstyle={styles.full}55        disabled={!value || isInvalid}56        isLoading={isSubmitting}57        type="submit"58        variant="primary"59      >60        {isSubmitting ? "Submitting..." : "Submit"}61      </Button>62    </Form>63  );64}

time field with validation

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import type { Time } from "@internationalized/date";4import { TimeField } from "@lenso/ui";5import { parseTime } from "@internationalized/date";6import { useState } from "react";7import * as stylex from "@stylexjs/stylex";8import { styles } from "../date-field/demo-styles";9
10export function WithValidation() {11  const [value, setValue] = useState<Time | null>(null);12  const minTime = parseTime("09:00");13  const maxTime = parseTime("17:00");14  const isInvalid = value !== null && (value.compare(minTime) < 0 || value.compare(maxTime) > 0);15  return (16    <div {...stylex.props(styles.column)}>17      <TimeField18        isRequired19        xstyle={styles.field}20        isInvalid={isInvalid}21        maxValue={maxTime}22        minValue={minTime}23        name="time"24        value={value}25        onChange={setValue}26      >27        <TimeField.Label>Time</TimeField.Label>28        <TimeField.Group>29          <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>30        </TimeField.Group>31        {isInvalid ? (32          <TimeField.Error>Time must be between 9:00 AM and 5:00 PM</TimeField.Error>33        ) : (34          <TimeField.Description>Enter a time between 9:00 AM and 5:00 PM</TimeField.Description>35        )}36      </TimeField>37    </div>38  );39}

time field render function

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { TimeField } from "@lenso/ui";4import { styles } from "../date-field/demo-styles";5
6export function RenderFunction() {7  return (8    <TimeField9      xstyle={styles.field}10      name="time"11      render={(props) => <div {...props} data-custom="foo" />}12    >13      <TimeField.Label>Time</TimeField.Label>14      <TimeField.Group>15        <TimeField.Input>{(segment) => <TimeField.Segment segment={segment} />}</TimeField.Input>16      </TimeField.Group>17    </TimeField>18  );19}

time field custom styles

1"use client";2// HeroUI v3.2.6. Copyright NextUI Inc. SPDX-License-Identifier: Apache-2.0.3import { TimeField } from "@lenso/ui";4import { styles } from "../date-field/demo-styles";5
6export function CustomStyles() {7  return (8    <TimeField xstyle={styles.reminder} name="reminder">9      <TimeField.Label xstyle={styles.reminderLabel}>Reminder time</TimeField.Label>10      <TimeField.Description>Daily check-in notification.</TimeField.Description>11      <TimeField.Group xstyle={styles.reminderGroup}>12        <TimeField.Input>13          {(segment) => <TimeField.Segment xstyle={styles.foreground} segment={segment} />}14        </TimeField.Input>15      </TimeField.Group>16    </TimeField>17  );18}

API Reference

Generated from the local public TypeScript exports. Types and callback state follow the installed native contracts, not the historical HeroUI API.

Only literal defaults in the component's parameter declaration are shown. Other defaults may depend on context or the native component.

`TimeFieldRoot`

<T extends TimeValue>({ fullWidth, xstyle, style, ...props }: TimeFieldRootProps<T>): JSX.Element

packages/react/src/components/time-field/time-field.tsx:23

react-aria-components/TimeField

react-aria-components/Label

react-aria-components/Text

react-aria-components/FieldError

Property	Type	Required	Local default	Description
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:303
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:301
`style`	`StyleOrFunction<DateFieldRenderProps> \| undefined`	No	Not declared	The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.node_modules/react-aria-components/dist/types/src/utils.d.ts:132
`name`	`string \| undefined`	No	Not declared	The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).node_modules/@react-types/shared/src/dom.d.ts:154
`form`	`string \| undefined`	No	Not declared	The `<form>` element to associate the input with. The value of this attribute must be the id of a `<form>` in the same document. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).node_modules/@react-types/shared/src/dom.d.ts:160
`slot`	`string \| null \| undefined`	No	Not declared	A slot name for the component. Slots allow the component to receive props from a parent component. An explicit `null` value indicates that the local props completely override all props received from a parent.node_modules/react-aria-components/dist/types/src/utils.d.ts:172
`dir`	`string \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:299
`ref`	`Ref<HTMLDivElement> \| undefined`	No	Not declared	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).node_modules/@types/react/index.d.ts:301
`defaultValue`	`T \| null \| undefined`	No	Not declared	The default value (uncontrolled).node_modules/@react-types/shared/src/inputs.d.ts:73
`autoFocus`	`undefined \| false \| true`	No	Not declared	Whether the element should receive focus on render.node_modules/@react-types/shared/src/events.d.ts:144
`id`	`string \| undefined`	No	Not declared	The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).node_modules/@react-types/shared/src/dom.d.ts:75
`lang`	`string \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:300
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:302
`aria-describedby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that describes the object.node_modules/@react-types/shared/src/dom.d.ts:51
`aria-details`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that provide a detailed, extended description for the object.node_modules/@react-types/shared/src/dom.d.ts:57
`aria-label`	`string \| undefined`	No	Not declared	Defines a string value that labels the current element.node_modules/@react-types/shared/src/dom.d.ts:41
`aria-labelledby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that labels the current element.node_modules/@react-types/shared/src/dom.d.ts:46
`children`	`ChildrenOrFunction<DateFieldRenderProps>`	No	Not declared	The children of the component. A function may be provided to alter the children based on component state.node_modules/react-aria-components/dist/types/src/utils.d.ts:142
`onFocus`	`((e: FocusEvent<Element, Element>) => void) \| undefined`	No	Not declared	Handler that is called when the element receives focus.node_modules/@react-types/shared/src/events.d.ts:101
`onBlur`	`((e: FocusEvent<Element, Element>) => void) \| undefined`	No	Not declared	Handler that is called when the element loses focus.node_modules/@react-types/shared/src/events.d.ts:103
`onChange`	`((value: MappedTimeValue<T> \| null) => void) \| undefined`	No	Not declared	Handler that is called when the value changes.node_modules/@react-types/shared/src/inputs.d.ts:75
`onKeyDown`	`((e: KeyboardEvent) => void) \| undefined`	No	Not declared	Handler that is called when a key is pressed.node_modules/@react-types/shared/src/events.d.ts:94
`onKeyUp`	`((e: KeyboardEvent) => void) \| undefined`	No	Not declared	Handler that is called when a key is released.node_modules/@react-types/shared/src/events.d.ts:96
`onAuxClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:322
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:323
`onClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:320
`onClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:321
`onContextMenu`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:324
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:325
`onDoubleClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:326
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:327
`onMouseDown`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:328
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:329
`onMouseEnter`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:330
`onMouseLeave`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:331
`onMouseMove`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:332
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:333
`onMouseOut`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:334
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:335
`onMouseOver`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:336
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:337
`onMouseUp`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:338
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:339
`onTouchCancel`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:342
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:343
`onTouchEnd`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:344
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:345
`onTouchMove`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:346
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:347
`onTouchStart`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:348
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:349
`onPointerDown`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:352
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:353
`onPointerMove`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:354
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:355
`onPointerUp`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:356
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:357
`onPointerCancel`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:358
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:359
`onPointerEnter`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:360
`onPointerLeave`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:361
`onPointerOver`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:362
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:363
`onPointerOut`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:364
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:365
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:366
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:367
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:368
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:369
`onScroll`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:372
`onScrollCapture`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:373
`onWheel`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:376
`onWheelCapture`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:377
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:380
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:381
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:382
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:383
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:384
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:385
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:388
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:389
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:390
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:391
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:392
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:393
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:394
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:395
`value`	`T \| null \| undefined`	No	Not declared	The current value (controlled).node_modules/@react-types/shared/src/inputs.d.ts:71
`render`	`DOMRenderFunction<"div", DateFieldRenderProps> \| undefined`	No	Not declared	Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components. Requirements: - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`). - Only a single root DOM element can be rendered (no fragments). - You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.node_modules/react-aria-components/dist/types/src/utils.d.ts:208
`minValue`	`TimeValue \| null \| undefined`	No	Not declared	The minimum allowed time that a user may select.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:112
`maxValue`	`TimeValue \| null \| undefined`	No	Not declared	The maximum allowed time that a user may select.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:114
`isDisabled`	`undefined \| false \| true`	No	Not declared	Whether the input is disabled.node_modules/@react-types/shared/src/inputs.d.ts:64
`isReadOnly`	`undefined \| false \| true`	No	Not declared	Whether the input can be selected but not changed by the user.node_modules/@react-types/shared/src/inputs.d.ts:66
`onFocusChange`	`((isFocused: boolean) => void) \| undefined`	No	Not declared	Handler that is called when the element's focus status changes.node_modules/@react-types/shared/src/events.d.ts:105
`isInvalid`	`undefined \| false \| true`	No	Not declared	Whether the input value is invalid.node_modules/@react-types/shared/src/inputs.d.ts:25
`validationBehavior`	`undefined \| "native" \| "aria"`	No	Not declared	Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.node_modules/react-aria-components/dist/types/src/utils.d.ts:191
`isRequired`	`undefined \| false \| true`	No	Not declared	Whether user input is required on the input before form submission.node_modules/@react-types/shared/src/inputs.d.ts:23
`validate`	`((value: MappedTimeValue<T>) => ValidationError \| true \| null \| undefined) \| undefined`	No	Not declared	A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if `validationBehavior="native"`. For realtime validation, use the `isInvalid` prop instead.node_modules/@react-types/shared/src/inputs.d.ts:42
`placeholderValue`	`T \| undefined`	No	Not declared	A placeholder time that influences the format of the placeholder shown when no value is selected. Defaults to 12:00 AM or 00:00 depending on the hour cycle.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:110
`hourCycle`	`undefined \| 12 \| 24`	No	Not declared	Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:92
`granularity`	`undefined \| "hour" \| "minute" \| "second"`	No	Not declared	Determines the smallest unit that is displayed in the time picker.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:98
`hideTimeZone`	`undefined \| false \| true`	No	Not declared	Whether to hide the time zone abbreviation.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:100
`shouldForceLeadingZeros`	`undefined \| false \| true`	No	Not declared	Whether to always show leading zeros in the hour field. By default, this is determined by the user's locale.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:105
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8
`fullWidth`	`undefined \| false \| true`	No	Not declared	packages/react/src/components/time-field/time-field.tsx:22

Callback state: `DateFieldRenderProps & { defaultStyle: CSSProperties; }`

state: DateFieldState
isInvalid: boolean
isDisabled: boolean
isReadOnly: boolean
isRequired: boolean
defaultStyle: CSSProperties

Callback state: `DateFieldRenderProps & { defaultChildren: ReactNode | undefined; }`

state: DateFieldState
isInvalid: boolean
isDisabled: boolean
isReadOnly: boolean
isRequired: boolean
defaultChildren: ReactNode

Callback state: `DateFieldRenderProps`

state: DateFieldState
isInvalid: boolean
isDisabled: boolean
isReadOnly: boolean
isRequired: boolean

Native HTML and ARIA properties (1) — Property set 1

`TimeFieldLabel`

({ xstyle, style, ...props }: StyleXProps<ComponentPropsWithRef<typeof Label>>): JSX.Element

packages/react/src/components/time-field/time-field.tsx:40

react-aria-components/TimeField

react-aria-components/Label

react-aria-components/Text

react-aria-components/FieldError

Property	Type	Required	Local default	Description
`style`	`CSSProperties \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2902
`ref`	`Ref<HTMLLabelElement> \| undefined`	No	Not declared	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).node_modules/@types/react/index.d.ts:301
`id`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`KeyboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`KeyboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`render`	`DOMRenderFunction<"label", undefined> \| undefined`	No	Not declared	Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components. Requirements: - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`). - Only a single root DOM element can be rendered (no fragments). - You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.node_modules/react-aria-components/dist/types/src/utils.d.ts:208
`elementType`	`string \| undefined`	No	Not declared	node_modules/react-aria-components/dist/types/src/Label.d.ts:4
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8

Native HTML and ARIA properties (274) — Property set 2

`TimeFieldDescription`

({ xstyle, style, ...props }: StyleXProps<ComponentPropsWithRef<typeof Text>>): JSX.Element

packages/react/src/components/time-field/time-field.tsx:60

react-aria-components/TimeField

react-aria-components/Label

react-aria-components/Text

react-aria-components/FieldError

Property	Type	Required	Local default	Description
`style`	`CSSProperties \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2902
`ref`	`Ref<HTMLElement> \| undefined`	No	Not declared	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).node_modules/@types/react/index.d.ts:301
`id`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2897
`children`	`ReactNode`	No	Not declared	node_modules/@types/react/index.d.ts:2361
`onKeyDown`	`KeyboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2411
`onKeyUp`	`KeyboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2417
`onClick`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2469
`render`	`DOMRenderFunction<any, any> \| undefined`	No	Not declared	Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components. Requirements: - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`). - Only a single root DOM element can be rendered (no fragments). - You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.node_modules/react-aria-components/dist/types/src/utils.d.ts:208
`elementType`	`string \| undefined`	No	Not declared	node_modules/react-aria-components/dist/types/src/Text.d.ts:4
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8

Native HTML and ARIA properties (272) — Property set 3

`TimeFieldError`

({ xstyle, style, ...props }: StyleXProps<ComponentPropsWithRef<typeof FieldError>>): JSX.Element

packages/react/src/components/time-field/time-field.tsx:81

react-aria-components/TimeField

react-aria-components/Label

react-aria-components/Text

react-aria-components/FieldError

Property	Type	Required	Local default	Description
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:303
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:301
`style`	`StyleOrFunction<FieldErrorRenderProps> \| undefined`	No	Not declared	The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.node_modules/react-aria-components/dist/types/src/utils.d.ts:132
`dir`	`string \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:299
`ref`	`Ref<HTMLElement> \| undefined`	No	Not declared	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).node_modules/@types/react/index.d.ts:301
`id`	`string \| undefined`	No	Not declared	The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).node_modules/@react-types/shared/src/dom.d.ts:75
`lang`	`string \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:300
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:302
`children`	`ChildrenOrFunction<FieldErrorRenderProps>`	No	Not declared	The children of the component. A function may be provided to alter the children based on component state.node_modules/react-aria-components/dist/types/src/utils.d.ts:142
`onAuxClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:322
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:323
`onClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:320
`onClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:321
`onContextMenu`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:324
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:325
`onDoubleClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:326
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:327
`onMouseDown`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:328
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:329
`onMouseEnter`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:330
`onMouseLeave`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:331
`onMouseMove`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:332
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:333
`onMouseOut`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:334
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:335
`onMouseOver`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:336
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:337
`onMouseUp`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:338
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:339
`onTouchCancel`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:342
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:343
`onTouchEnd`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:344
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:345
`onTouchMove`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:346
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:347
`onTouchStart`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:348
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:349
`onPointerDown`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:352
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:353
`onPointerMove`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:354
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:355
`onPointerUp`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:356
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:357
`onPointerCancel`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:358
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:359
`onPointerEnter`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:360
`onPointerLeave`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:361
`onPointerOver`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:362
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:363
`onPointerOut`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:364
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:365
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:366
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:367
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:368
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:369
`onScroll`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:372
`onScrollCapture`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:373
`onWheel`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:376
`onWheelCapture`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:377
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:380
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:381
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:382
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:383
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:384
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:385
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:388
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:389
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:390
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:391
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:392
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:393
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:394
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:395
`render`	`DOMRenderFunction<"div", FieldErrorRenderProps> \| undefined`	No	Not declared	Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components. Requirements: - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`). - Only a single root DOM element can be rendered (no fragments). - You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.node_modules/react-aria-components/dist/types/src/utils.d.ts:208
`elementType`	`string \| undefined`	No	Not declared	The HTML element type to render. Defaults to `'span'`. Set to `'div'` when using block-level children (e.g. `<ul>`) to avoid invalid HTML.node_modules/react-aria-components/dist/types/src/FieldError.d.ts:21
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8

Callback state: `FieldErrorRenderProps & { defaultStyle: CSSProperties; }`

isInvalid: boolean
validationErrors: string[]
validationDetails: ValidityState
defaultStyle: CSSProperties

Callback state: `FieldErrorRenderProps & { defaultChildren: ReactNode | undefined; }`

isInvalid: boolean
validationErrors: string[]
validationDetails: ValidityState
defaultChildren: ReactNode

Callback state: `FieldErrorRenderProps`

isInvalid: boolean
validationErrors: string[]
validationDetails: ValidityState

Native HTML and ARIA properties (1) — Property set 1

`TimeField`

<T extends TimeValue>({ fullWidth, xstyle, style, ...props }: TimeFieldRootProps<T>): JSX.Element

packages/react/src/components/time-field/index.ts:16

TimeField.Root, TimeField.Label, TimeField.Description, TimeField.Error, TimeField.Group, TimeField.Input, TimeField.Segment, TimeField.InputContainer, TimeField.Prefix, TimeField.Suffix

Property	Type	Required	Local default	Description
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:303
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:301
`style`	`StyleOrFunction<DateFieldRenderProps> \| undefined`	No	Not declared	The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.node_modules/react-aria-components/dist/types/src/utils.d.ts:132
`name`	`string \| undefined`	No	Not declared	The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).node_modules/@react-types/shared/src/dom.d.ts:154
`form`	`string \| undefined`	No	Not declared	The `<form>` element to associate the input with. The value of this attribute must be the id of a `<form>` in the same document. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).node_modules/@react-types/shared/src/dom.d.ts:160
`slot`	`string \| null \| undefined`	No	Not declared	A slot name for the component. Slots allow the component to receive props from a parent component. An explicit `null` value indicates that the local props completely override all props received from a parent.node_modules/react-aria-components/dist/types/src/utils.d.ts:172
`dir`	`string \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:299
`ref`	`Ref<HTMLDivElement> \| undefined`	No	Not declared	Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).node_modules/@types/react/index.d.ts:301
`defaultValue`	`T \| null \| undefined`	No	Not declared	The default value (uncontrolled).node_modules/@react-types/shared/src/inputs.d.ts:73
`autoFocus`	`undefined \| false \| true`	No	Not declared	Whether the element should receive focus on render.node_modules/@react-types/shared/src/events.d.ts:144
`id`	`string \| undefined`	No	Not declared	The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).node_modules/@react-types/shared/src/dom.d.ts:75
`lang`	`string \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:300
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:302
`aria-describedby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that describes the object.node_modules/@react-types/shared/src/dom.d.ts:51
`aria-details`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that provide a detailed, extended description for the object.node_modules/@react-types/shared/src/dom.d.ts:57
`aria-label`	`string \| undefined`	No	Not declared	Defines a string value that labels the current element.node_modules/@react-types/shared/src/dom.d.ts:41
`aria-labelledby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that labels the current element.node_modules/@react-types/shared/src/dom.d.ts:46
`children`	`ChildrenOrFunction<DateFieldRenderProps>`	No	Not declared	The children of the component. A function may be provided to alter the children based on component state.node_modules/react-aria-components/dist/types/src/utils.d.ts:142
`onFocus`	`((e: FocusEvent<Element, Element>) => void) \| undefined`	No	Not declared	Handler that is called when the element receives focus.node_modules/@react-types/shared/src/events.d.ts:101
`onBlur`	`((e: FocusEvent<Element, Element>) => void) \| undefined`	No	Not declared	Handler that is called when the element loses focus.node_modules/@react-types/shared/src/events.d.ts:103
`onChange`	`((value: MappedTimeValue<T> \| null) => void) \| undefined`	No	Not declared	Handler that is called when the value changes.node_modules/@react-types/shared/src/inputs.d.ts:75
`onKeyDown`	`((e: KeyboardEvent) => void) \| undefined`	No	Not declared	Handler that is called when a key is pressed.node_modules/@react-types/shared/src/events.d.ts:94
`onKeyUp`	`((e: KeyboardEvent) => void) \| undefined`	No	Not declared	Handler that is called when a key is released.node_modules/@react-types/shared/src/events.d.ts:96
`onAuxClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:322
`onAuxClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:323
`onClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:320
`onClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:321
`onContextMenu`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:324
`onContextMenuCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:325
`onDoubleClick`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:326
`onDoubleClickCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:327
`onMouseDown`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:328
`onMouseDownCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:329
`onMouseEnter`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:330
`onMouseLeave`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:331
`onMouseMove`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:332
`onMouseMoveCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:333
`onMouseOut`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:334
`onMouseOutCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:335
`onMouseOver`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:336
`onMouseOverCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:337
`onMouseUp`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:338
`onMouseUpCapture`	`MouseEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:339
`onTouchCancel`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:342
`onTouchCancelCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:343
`onTouchEnd`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:344
`onTouchEndCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:345
`onTouchMove`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:346
`onTouchMoveCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:347
`onTouchStart`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:348
`onTouchStartCapture`	`TouchEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:349
`onPointerDown`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:352
`onPointerDownCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:353
`onPointerMove`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:354
`onPointerMoveCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:355
`onPointerUp`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:356
`onPointerUpCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:357
`onPointerCancel`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:358
`onPointerCancelCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:359
`onPointerEnter`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:360
`onPointerLeave`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:361
`onPointerOver`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:362
`onPointerOverCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:363
`onPointerOut`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:364
`onPointerOutCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:365
`onGotPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:366
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:367
`onLostPointerCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:368
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:369
`onScroll`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:372
`onScrollCapture`	`UIEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:373
`onWheel`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:376
`onWheelCapture`	`WheelEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:377
`onAnimationStart`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:380
`onAnimationStartCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:381
`onAnimationEnd`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:382
`onAnimationEndCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:383
`onAnimationIteration`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:384
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:385
`onTransitionCancel`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:388
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:389
`onTransitionEnd`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:390
`onTransitionEndCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:391
`onTransitionRun`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:392
`onTransitionRunCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:393
`onTransitionStart`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:394
`onTransitionStartCapture`	`TransitionEventHandler<HTMLDivElement> \| undefined`	No	Not declared	node_modules/@react-types/shared/src/dom.d.ts:395
`value`	`T \| null \| undefined`	No	Not declared	The current value (controlled).node_modules/@react-types/shared/src/inputs.d.ts:71
`render`	`DOMRenderFunction<"div", DateFieldRenderProps> \| undefined`	No	Not declared	Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components. Requirements: - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`). - Only a single root DOM element can be rendered (no fragments). - You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.node_modules/react-aria-components/dist/types/src/utils.d.ts:208
`minValue`	`TimeValue \| null \| undefined`	No	Not declared	The minimum allowed time that a user may select.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:112
`maxValue`	`TimeValue \| null \| undefined`	No	Not declared	The maximum allowed time that a user may select.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:114
`isDisabled`	`undefined \| false \| true`	No	Not declared	Whether the input is disabled.node_modules/@react-types/shared/src/inputs.d.ts:64
`isReadOnly`	`undefined \| false \| true`	No	Not declared	Whether the input can be selected but not changed by the user.node_modules/@react-types/shared/src/inputs.d.ts:66
`onFocusChange`	`((isFocused: boolean) => void) \| undefined`	No	Not declared	Handler that is called when the element's focus status changes.node_modules/@react-types/shared/src/events.d.ts:105
`isInvalid`	`undefined \| false \| true`	No	Not declared	Whether the input value is invalid.node_modules/@react-types/shared/src/inputs.d.ts:25
`validationBehavior`	`undefined \| "native" \| "aria"`	No	Not declared	Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.node_modules/react-aria-components/dist/types/src/utils.d.ts:191
`isRequired`	`undefined \| false \| true`	No	Not declared	Whether user input is required on the input before form submission.node_modules/@react-types/shared/src/inputs.d.ts:23
`validate`	`((value: MappedTimeValue<T>) => ValidationError \| true \| null \| undefined) \| undefined`	No	Not declared	A function that returns an error message if a given value is invalid. Validation errors are displayed to the user when the form is submitted if `validationBehavior="native"`. For realtime validation, use the `isInvalid` prop instead.node_modules/@react-types/shared/src/inputs.d.ts:42
`placeholderValue`	`T \| undefined`	No	Not declared	A placeholder time that influences the format of the placeholder shown when no value is selected. Defaults to 12:00 AM or 00:00 depending on the hour cycle.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:110
`hourCycle`	`undefined \| 12 \| 24`	No	Not declared	Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:92
`granularity`	`undefined \| "hour" \| "minute" \| "second"`	No	Not declared	Determines the smallest unit that is displayed in the time picker.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:98
`hideTimeZone`	`undefined \| false \| true`	No	Not declared	Whether to hide the time zone abbreviation.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:100
`shouldForceLeadingZeros`	`undefined \| false \| true`	No	Not declared	Whether to always show leading zeros in the hour field. By default, this is determined by the user's locale.node_modules/react-stately/dist/types/src/datepicker/types.d.ts:105
`xstyle`	`XStyle`	No	Not declared	packages/react/src/utils/styled.tsx:7
`data-slot`	`unknown`	No	Not declared	packages/react/src/utils/styled.tsx:8
`fullWidth`	`undefined \| false \| true`	No	Not declared	packages/react/src/components/time-field/time-field.tsx:22

Callback state: `DateFieldRenderProps & { defaultStyle: CSSProperties; }`

state: DateFieldState
isInvalid: boolean
isDisabled: boolean
isReadOnly: boolean
isRequired: boolean
defaultStyle: CSSProperties

Callback state: `DateFieldRenderProps & { defaultChildren: ReactNode | undefined; }`

state: DateFieldState
isInvalid: boolean
isDisabled: boolean
isReadOnly: boolean
isRequired: boolean
defaultChildren: ReactNode

Callback state: `DateFieldRenderProps`

state: DateFieldState
isInvalid: boolean
isDisabled: boolean
isReadOnly: boolean
isRequired: boolean

Native HTML and ARIA properties (1) — Property set 1

Shared native HTML and ARIA properties

Parts with identical inherited property records share one complete table. Different native types remain separate.

Property set 1 (1)

Applies to: TimeFieldRoot, TimeFieldError, TimeField

Property	Type	Required	Local default	Description
`key`	`Key \| null \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:259

Property set 2 (274)

Applies to: TimeFieldLabel

Property	Type	Required	Local default	Description
`color`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2929
`content`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2915
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@types/react/index.d.ts:2905
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2896
`form`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3424
`slot`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2900
`title`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2904
`dir`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2893
`aria-disabled`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.node_modules/@types/react/index.d.ts:2656
`defaultValue`	`string \| number \| readonly string[] \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2882
`defaultChecked`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2881
`key`	`Key \| null \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:259
`suppressContentEditableWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2883
`suppressHydrationWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2884
`accessKey`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2887
`autoCapitalize`	`"none" \| (string & {}) \| "off" \| "on" \| "sentences" \| "words" \| "characters" \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2888
`autoFocus`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2889
`contentEditable`	`undefined \| false \| true \| "inherit" \| "false" \| "true" \| "plaintext-only"`	No	Not declared	node_modules/@types/react/index.d.ts:2891
`contextMenu`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2892
`draggable`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2894
`enterKeyHint`	`undefined \| "next" \| "search" \| "enter" \| "done" \| "go" \| "previous" \| "send"`	No	Not declared	node_modules/@types/react/index.d.ts:2895
`lang`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2898
`nonce`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2899
`spellCheck`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2901
`tabIndex`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2903
`radioGroup`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2908
`role`	`AriaRole \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2911
`about`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2914
`datatype`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2916
`inlist`	`any`	No	Not declared	node_modules/@types/react/index.d.ts:2917
`prefix`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2918
`property`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2919
`rel`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2920
`resource`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2921
`rev`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2922
`typeof`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2923
`vocab`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2924
`autoCorrect`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2927
`autoSave`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2928
`itemProp`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2930
`itemScope`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2931
`itemType`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2932
`itemID`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2933
`itemRef`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2934
`results`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2935
`security`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2936
`unselectable`	`undefined \| "off" \| "on"`	No	Not declared	node_modules/@types/react/index.d.ts:2937
`popover`	`undefined \| "" \| "auto" \| "manual" \| "hint"`	No	Not declared	node_modules/@types/react/index.d.ts:2940
`popoverTargetAction`	`undefined \| "show" \| "hide" \| "toggle"`	No	Not declared	node_modules/@types/react/index.d.ts:2941
`popoverTarget`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2942
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2948
`inputMode`	`undefined \| "none" \| "text" \| "search" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	No	Not declared	Hints at the type of data that might be entered by the user while editing the element or its contentsnode_modules/@types/react/index.d.ts:2953
`is`	`string \| undefined`	No	Not declared	Specify that a standard HTML element should behave like a defined custom built-in elementnode_modules/@types/react/index.d.ts:2958
`exportparts`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2962
`part`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2966
`aria-activedescendant`	`string \| undefined`	No	Not declared	Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.node_modules/@types/react/index.d.ts:2585
`aria-atomic`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.node_modules/@types/react/index.d.ts:2587
`aria-autocomplete`	`undefined \| "none" \| "both" \| "inline" \| "list"`	No	Not declared	Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.node_modules/@types/react/index.d.ts:2592
`aria-braillelabel`	`string \| undefined`	No	Not declared	Defines a string value that labels the current element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2598
`aria-brailleroledescription`	`string \| undefined`	No	Not declared	Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2603
`aria-busy`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2604
`aria-checked`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	No	Not declared	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.node_modules/@types/react/index.d.ts:2609
`aria-colcount`	`number \| undefined`	No	Not declared	Defines the total number of columns in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2614
`aria-colindex`	`number \| undefined`	No	Not declared	Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2619
`aria-colindextext`	`string \| undefined`	No	Not declared	Defines a human readable text alternative of aria-colindex.node_modules/@types/react/index.d.ts:2624
`aria-colspan`	`number \| undefined`	No	Not declared	Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2629
`aria-controls`	`string \| undefined`	No	Not declared	Identifies the element (or elements) whose contents or presence are controlled by the current element.node_modules/@types/react/index.d.ts:2634
`aria-current`	`undefined \| false \| true \| "page" \| "false" \| "true" \| "time" \| "step" \| "location" \| "date"`	No	Not declared	Indicates the element that represents the current item within a container or set of related elements.node_modules/@types/react/index.d.ts:2636
`aria-describedby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that describes the object.node_modules/@types/react/index.d.ts:2641
`aria-description`	`string \| undefined`	No	Not declared	Defines a string value that describes or annotates the current element.node_modules/@types/react/index.d.ts:2646
`aria-details`	`string \| undefined`	No	Not declared	Identifies the element that provides a detailed, extended description for the object.node_modules/@types/react/index.d.ts:2651
`aria-dropeffect`	`undefined \| "link" \| "none" \| "copy" \| "move" \| "execute" \| "popup"`	No	Not declared	Indicates what functions can be performed when a dragged object is released on the drop target.node_modules/@types/react/index.d.ts:2661
`aria-errormessage`	`string \| undefined`	No	Not declared	Identifies the element that provides an error message for the object.node_modules/@types/react/index.d.ts:2666
`aria-expanded`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.node_modules/@types/react/index.d.ts:2668
`aria-flowto`	`string \| undefined`	No	Not declared	Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.node_modules/@types/react/index.d.ts:2673
`aria-grabbed`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates an element's "grabbed" state in a drag-and-drop operation.node_modules/@types/react/index.d.ts:2678
`aria-haspopup`	`undefined \| false \| true \| "grid" \| "listbox" \| "menu" \| "false" \| "true" \| "dialog" \| "tree"`	No	Not declared	Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.node_modules/@types/react/index.d.ts:2680
`aria-hidden`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether the element is exposed to an accessibility API.node_modules/@types/react/index.d.ts:2685
`aria-invalid`	`undefined \| false \| true \| "false" \| "true" \| "grammar" \| "spelling"`	No	Not declared	Indicates the entered value does not conform to the format expected by the application.node_modules/@types/react/index.d.ts:2690
`aria-keyshortcuts`	`string \| undefined`	No	Not declared	Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.node_modules/@types/react/index.d.ts:2692
`aria-label`	`string \| undefined`	No	Not declared	Defines a string value that labels the current element.node_modules/@types/react/index.d.ts:2697
`aria-labelledby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that labels the current element.node_modules/@types/react/index.d.ts:2702
`aria-level`	`number \| undefined`	No	Not declared	Defines the hierarchical level of an element within a structure.node_modules/@types/react/index.d.ts:2704
`aria-live`	`undefined \| "off" \| "assertive" \| "polite"`	No	Not declared	Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.node_modules/@types/react/index.d.ts:2706
`aria-modal`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether an element is modal when displayed.node_modules/@types/react/index.d.ts:2708
`aria-multiline`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether a text box accepts multiple lines of input or only a single line.node_modules/@types/react/index.d.ts:2710
`aria-multiselectable`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that the user may select more than one item from the current selectable descendants.node_modules/@types/react/index.d.ts:2712
`aria-orientation`	`undefined \| "vertical" \| "horizontal"`	No	Not declared	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.node_modules/@types/react/index.d.ts:2714
`aria-owns`	`string \| undefined`	No	Not declared	Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.node_modules/@types/react/index.d.ts:2720
`aria-placeholder`	`string \| undefined`	No	Not declared	Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.node_modules/@types/react/index.d.ts:2725
`aria-posinset`	`number \| undefined`	No	Not declared	Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2730
`aria-pressed`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	No	Not declared	Indicates the current "pressed" state of toggle buttons.node_modules/@types/react/index.d.ts:2735
`aria-readonly`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that the element is not editable, but is otherwise operable.node_modules/@types/react/index.d.ts:2740
`aria-relevant`	`undefined \| "text" \| "all" \| "additions" \| "additions removals" \| "additions text" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	No	Not declared	Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.node_modules/@types/react/index.d.ts:2745
`aria-required`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that user input is required on the element before a form may be submitted.node_modules/@types/react/index.d.ts:2758
`aria-roledescription`	`string \| undefined`	No	Not declared	Defines a human-readable, author-localized description for the role of an element.node_modules/@types/react/index.d.ts:2760
`aria-rowcount`	`number \| undefined`	No	Not declared	Defines the total number of rows in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2765
`aria-rowindex`	`number \| undefined`	No	Not declared	Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2770
`aria-rowindextext`	`string \| undefined`	No	Not declared	Defines a human readable text alternative of aria-rowindex.node_modules/@types/react/index.d.ts:2775
`aria-rowspan`	`number \| undefined`	No	Not declared	Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2780
`aria-selected`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates the current "selected" state of various widgets.node_modules/@types/react/index.d.ts:2785
`aria-setsize`	`number \| undefined`	No	Not declared	Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2790
`aria-sort`	`undefined \| "none" \| "ascending" \| "descending" \| "other"`	No	Not declared	Indicates if items in a table or grid are sorted in ascending or descending order.node_modules/@types/react/index.d.ts:2792
`aria-valuemax`	`number \| undefined`	No	Not declared	Defines the maximum allowed value for a range widget.node_modules/@types/react/index.d.ts:2794
`aria-valuemin`	`number \| undefined`	No	Not declared	Defines the minimum allowed value for a range widget.node_modules/@types/react/index.d.ts:2796
`aria-valuenow`	`number \| undefined`	No	Not declared	Defines the current value for a range widget.node_modules/@types/react/index.d.ts:2801
`aria-valuetext`	`string \| undefined`	No	Not declared	Defines the human readable text alternative of aria-valuenow for a range widget.node_modules/@types/react/index.d.ts:2803
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; } \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2362
`onCopy`	`ClipboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2369
`onCopyCapture`	`ClipboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2370
`onCut`	`ClipboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2371
`onCutCapture`	`ClipboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2372
`onPaste`	`ClipboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2373
`onPasteCapture`	`ClipboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2374
`onCompositionEnd`	`CompositionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2377
`onCompositionEndCapture`	`CompositionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2378
`onCompositionStart`	`CompositionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2379
`onCompositionStartCapture`	`CompositionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2380
`onCompositionUpdate`	`CompositionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2381
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2382
`onFocus`	`FocusEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2385
`onFocusCapture`	`FocusEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2386
`onBlur`	`FocusEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2387
`onBlurCapture`	`FocusEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2388
`onChange`	`ChangeEventHandler<HTMLLabelElement, Element> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2391
`onChangeCapture`	`ChangeEventHandler<HTMLLabelElement, Element> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2392
`onBeforeInput`	`InputEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2393
`onBeforeInputCapture`	`InputEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2394
`onInput`	`InputEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2395
`onInputCapture`	`InputEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2396
`onReset`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2397
`onResetCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2398
`onSubmit`	`SubmitEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2399
`onSubmitCapture`	`SubmitEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2400
`onInvalid`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2401
`onInvalidCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2402
`onLoad`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2405
`onLoadCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2406
`onError`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2407
`onErrorCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2408
`onKeyDownCapture`	`KeyboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2412
`onKeyPress`	`KeyboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2414
`onKeyPressCapture`	`KeyboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2416
`onKeyUpCapture`	`KeyboardEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2418
`onAbort`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2421
`onAbortCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2422
`onCanPlay`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2423
`onCanPlayCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2424
`onCanPlayThrough`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2425
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2426
`onDurationChange`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2427
`onDurationChangeCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2428
`onEmptied`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2429
`onEmptiedCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2430
`onEncrypted`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2431
`onEncryptedCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2432
`onEnded`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2433
`onEndedCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2434
`onLoadedData`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2435
`onLoadedDataCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2436
`onLoadedMetadata`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2437
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2438
`onLoadStart`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2439
`onLoadStartCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2440
`onPause`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2441
`onPauseCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2442
`onPlay`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2443
`onPlayCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2444
`onPlaying`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2445
`onPlayingCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2446
`onProgress`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2447
`onProgressCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2448
`onRateChange`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2449
`onRateChangeCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2450
`onSeeked`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2451
`onSeekedCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2452
`onSeeking`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2453
`onSeekingCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2454
`onStalled`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2455
`onStalledCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2456
`onSuspend`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2457
`onSuspendCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2458
`onTimeUpdate`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2459
`onTimeUpdateCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2460
`onVolumeChange`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2461
`onVolumeChangeCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2462
`onWaiting`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2463
`onWaitingCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2464
`onAuxClick`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2467
`onAuxClickCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2468
`onClickCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2470
`onContextMenu`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2471
`onContextMenuCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2472
`onDoubleClick`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2473
`onDoubleClickCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2474
`onDrag`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2475
`onDragCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2476
`onDragEnd`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2477
`onDragEndCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2478
`onDragEnter`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2479
`onDragEnterCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2480
`onDragExit`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2481
`onDragExitCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2482
`onDragLeave`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2483
`onDragLeaveCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2484
`onDragOver`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2485
`onDragOverCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2486
`onDragStart`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2487
`onDragStartCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2488
`onDrop`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2489
`onDropCapture`	`DragEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2490
`onMouseDown`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2491
`onMouseDownCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2492
`onMouseEnter`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2493
`onMouseLeave`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2494
`onMouseMove`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2495
`onMouseMoveCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2496
`onMouseOut`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2497
`onMouseOutCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2498
`onMouseOver`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2499
`onMouseOverCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2500
`onMouseUp`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2501
`onMouseUpCapture`	`MouseEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2502
`onSelect`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2505
`onSelectCapture`	`ReactEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2506
`onTouchCancel`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2509
`onTouchCancelCapture`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2510
`onTouchEnd`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2511
`onTouchEndCapture`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2512
`onTouchMove`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2513
`onTouchMoveCapture`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2514
`onTouchStart`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2515
`onTouchStartCapture`	`TouchEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2516
`onPointerDown`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2519
`onPointerDownCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2520
`onPointerMove`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2521
`onPointerMoveCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2522
`onPointerUp`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2523
`onPointerUpCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2524
`onPointerCancel`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2525
`onPointerCancelCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2526
`onPointerEnter`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2527
`onPointerLeave`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2528
`onPointerOver`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2529
`onPointerOverCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2530
`onPointerOut`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2531
`onPointerOutCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2532
`onGotPointerCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2533
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2534
`onLostPointerCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2535
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2536
`onScroll`	`UIEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2539
`onScrollCapture`	`UIEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2540
`onScrollEnd`	`UIEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2541
`onScrollEndCapture`	`UIEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2542
`onWheel`	`WheelEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2545
`onWheelCapture`	`WheelEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2546
`onAnimationStart`	`AnimationEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2549
`onAnimationStartCapture`	`AnimationEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2550
`onAnimationEnd`	`AnimationEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2551
`onAnimationEndCapture`	`AnimationEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2552
`onAnimationIteration`	`AnimationEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2553
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2554
`onToggle`	`ToggleEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2557
`onBeforeToggle`	`ToggleEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2558
`onTransitionCancel`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2561
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2562
`onTransitionEnd`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2563
`onTransitionEndCapture`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2564
`onTransitionRun`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2565
`onTransitionRunCapture`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2566
`onTransitionStart`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2567
`onTransitionStartCapture`	`TransitionEventHandler<HTMLLabelElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2568
`htmlFor`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:3425

Property set 3 (272)

Applies to: TimeFieldDescription

Property	Type	Required	Local default	Description
`color`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2929
`content`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2915
`translate`	`undefined \| "yes" \| "no"`	No	Not declared	node_modules/@types/react/index.d.ts:2905
`hidden`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2896
`slot`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2900
`title`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2904
`dir`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2893
`aria-disabled`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.node_modules/@types/react/index.d.ts:2656
`defaultValue`	`string \| number \| readonly string[] \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2882
`defaultChecked`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2881
`key`	`Key \| null \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:259
`suppressContentEditableWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2883
`suppressHydrationWarning`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2884
`accessKey`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2887
`autoCapitalize`	`"none" \| (string & {}) \| "off" \| "on" \| "sentences" \| "words" \| "characters" \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2888
`autoFocus`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2889
`contentEditable`	`undefined \| false \| true \| "inherit" \| "false" \| "true" \| "plaintext-only"`	No	Not declared	node_modules/@types/react/index.d.ts:2891
`contextMenu`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2892
`draggable`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2894
`enterKeyHint`	`undefined \| "next" \| "search" \| "enter" \| "done" \| "go" \| "previous" \| "send"`	No	Not declared	node_modules/@types/react/index.d.ts:2895
`lang`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2898
`nonce`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2899
`spellCheck`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2901
`tabIndex`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2903
`radioGroup`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2908
`role`	`AriaRole \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2911
`about`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2914
`datatype`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2916
`inlist`	`any`	No	Not declared	node_modules/@types/react/index.d.ts:2917
`prefix`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2918
`property`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2919
`rel`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2920
`resource`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2921
`rev`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2922
`typeof`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2923
`vocab`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2924
`autoCorrect`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2927
`autoSave`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2928
`itemProp`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2930
`itemScope`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2931
`itemType`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2932
`itemID`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2933
`itemRef`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2934
`results`	`number \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2935
`security`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2936
`unselectable`	`undefined \| "off" \| "on"`	No	Not declared	node_modules/@types/react/index.d.ts:2937
`popover`	`undefined \| "" \| "auto" \| "manual" \| "hint"`	No	Not declared	node_modules/@types/react/index.d.ts:2940
`popoverTargetAction`	`undefined \| "show" \| "hide" \| "toggle"`	No	Not declared	node_modules/@types/react/index.d.ts:2941
`popoverTarget`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2942
`inert`	`undefined \| false \| true`	No	Not declared	node_modules/@types/react/index.d.ts:2948
`inputMode`	`undefined \| "none" \| "text" \| "search" \| "tel" \| "url" \| "email" \| "numeric" \| "decimal"`	No	Not declared	Hints at the type of data that might be entered by the user while editing the element or its contentsnode_modules/@types/react/index.d.ts:2953
`is`	`string \| undefined`	No	Not declared	Specify that a standard HTML element should behave like a defined custom built-in elementnode_modules/@types/react/index.d.ts:2958
`exportparts`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2962
`part`	`string \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2966
`aria-activedescendant`	`string \| undefined`	No	Not declared	Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.node_modules/@types/react/index.d.ts:2585
`aria-atomic`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.node_modules/@types/react/index.d.ts:2587
`aria-autocomplete`	`undefined \| "none" \| "both" \| "inline" \| "list"`	No	Not declared	Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.node_modules/@types/react/index.d.ts:2592
`aria-braillelabel`	`string \| undefined`	No	Not declared	Defines a string value that labels the current element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2598
`aria-brailleroledescription`	`string \| undefined`	No	Not declared	Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.node_modules/@types/react/index.d.ts:2603
`aria-busy`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	node_modules/@types/react/index.d.ts:2604
`aria-checked`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	No	Not declared	Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.node_modules/@types/react/index.d.ts:2609
`aria-colcount`	`number \| undefined`	No	Not declared	Defines the total number of columns in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2614
`aria-colindex`	`number \| undefined`	No	Not declared	Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2619
`aria-colindextext`	`string \| undefined`	No	Not declared	Defines a human readable text alternative of aria-colindex.node_modules/@types/react/index.d.ts:2624
`aria-colspan`	`number \| undefined`	No	Not declared	Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2629
`aria-controls`	`string \| undefined`	No	Not declared	Identifies the element (or elements) whose contents or presence are controlled by the current element.node_modules/@types/react/index.d.ts:2634
`aria-current`	`undefined \| false \| true \| "page" \| "false" \| "true" \| "time" \| "step" \| "location" \| "date"`	No	Not declared	Indicates the element that represents the current item within a container or set of related elements.node_modules/@types/react/index.d.ts:2636
`aria-describedby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that describes the object.node_modules/@types/react/index.d.ts:2641
`aria-description`	`string \| undefined`	No	Not declared	Defines a string value that describes or annotates the current element.node_modules/@types/react/index.d.ts:2646
`aria-details`	`string \| undefined`	No	Not declared	Identifies the element that provides a detailed, extended description for the object.node_modules/@types/react/index.d.ts:2651
`aria-dropeffect`	`undefined \| "link" \| "none" \| "copy" \| "move" \| "execute" \| "popup"`	No	Not declared	Indicates what functions can be performed when a dragged object is released on the drop target.node_modules/@types/react/index.d.ts:2661
`aria-errormessage`	`string \| undefined`	No	Not declared	Identifies the element that provides an error message for the object.node_modules/@types/react/index.d.ts:2666
`aria-expanded`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.node_modules/@types/react/index.d.ts:2668
`aria-flowto`	`string \| undefined`	No	Not declared	Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.node_modules/@types/react/index.d.ts:2673
`aria-grabbed`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates an element's "grabbed" state in a drag-and-drop operation.node_modules/@types/react/index.d.ts:2678
`aria-haspopup`	`undefined \| false \| true \| "grid" \| "listbox" \| "menu" \| "false" \| "true" \| "dialog" \| "tree"`	No	Not declared	Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.node_modules/@types/react/index.d.ts:2680
`aria-hidden`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether the element is exposed to an accessibility API.node_modules/@types/react/index.d.ts:2685
`aria-invalid`	`undefined \| false \| true \| "false" \| "true" \| "grammar" \| "spelling"`	No	Not declared	Indicates the entered value does not conform to the format expected by the application.node_modules/@types/react/index.d.ts:2690
`aria-keyshortcuts`	`string \| undefined`	No	Not declared	Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.node_modules/@types/react/index.d.ts:2692
`aria-label`	`string \| undefined`	No	Not declared	Defines a string value that labels the current element.node_modules/@types/react/index.d.ts:2697
`aria-labelledby`	`string \| undefined`	No	Not declared	Identifies the element (or elements) that labels the current element.node_modules/@types/react/index.d.ts:2702
`aria-level`	`number \| undefined`	No	Not declared	Defines the hierarchical level of an element within a structure.node_modules/@types/react/index.d.ts:2704
`aria-live`	`undefined \| "off" \| "assertive" \| "polite"`	No	Not declared	Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.node_modules/@types/react/index.d.ts:2706
`aria-modal`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether an element is modal when displayed.node_modules/@types/react/index.d.ts:2708
`aria-multiline`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates whether a text box accepts multiple lines of input or only a single line.node_modules/@types/react/index.d.ts:2710
`aria-multiselectable`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that the user may select more than one item from the current selectable descendants.node_modules/@types/react/index.d.ts:2712
`aria-orientation`	`undefined \| "vertical" \| "horizontal"`	No	Not declared	Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.node_modules/@types/react/index.d.ts:2714
`aria-owns`	`string \| undefined`	No	Not declared	Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.node_modules/@types/react/index.d.ts:2720
`aria-placeholder`	`string \| undefined`	No	Not declared	Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.node_modules/@types/react/index.d.ts:2725
`aria-posinset`	`number \| undefined`	No	Not declared	Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2730
`aria-pressed`	`undefined \| false \| true \| "mixed" \| "false" \| "true"`	No	Not declared	Indicates the current "pressed" state of toggle buttons.node_modules/@types/react/index.d.ts:2735
`aria-readonly`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that the element is not editable, but is otherwise operable.node_modules/@types/react/index.d.ts:2740
`aria-relevant`	`undefined \| "text" \| "all" \| "additions" \| "additions removals" \| "additions text" \| "removals" \| "removals additions" \| "removals text" \| "text additions" \| "text removals"`	No	Not declared	Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.node_modules/@types/react/index.d.ts:2745
`aria-required`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates that user input is required on the element before a form may be submitted.node_modules/@types/react/index.d.ts:2758
`aria-roledescription`	`string \| undefined`	No	Not declared	Defines a human-readable, author-localized description for the role of an element.node_modules/@types/react/index.d.ts:2760
`aria-rowcount`	`number \| undefined`	No	Not declared	Defines the total number of rows in a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2765
`aria-rowindex`	`number \| undefined`	No	Not declared	Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2770
`aria-rowindextext`	`string \| undefined`	No	Not declared	Defines a human readable text alternative of aria-rowindex.node_modules/@types/react/index.d.ts:2775
`aria-rowspan`	`number \| undefined`	No	Not declared	Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.node_modules/@types/react/index.d.ts:2780
`aria-selected`	`undefined \| false \| true \| "false" \| "true"`	No	Not declared	Indicates the current "selected" state of various widgets.node_modules/@types/react/index.d.ts:2785
`aria-setsize`	`number \| undefined`	No	Not declared	Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.node_modules/@types/react/index.d.ts:2790
`aria-sort`	`undefined \| "none" \| "ascending" \| "descending" \| "other"`	No	Not declared	Indicates if items in a table or grid are sorted in ascending or descending order.node_modules/@types/react/index.d.ts:2792
`aria-valuemax`	`number \| undefined`	No	Not declared	Defines the maximum allowed value for a range widget.node_modules/@types/react/index.d.ts:2794
`aria-valuemin`	`number \| undefined`	No	Not declared	Defines the minimum allowed value for a range widget.node_modules/@types/react/index.d.ts:2796
`aria-valuenow`	`number \| undefined`	No	Not declared	Defines the current value for a range widget.node_modules/@types/react/index.d.ts:2801
`aria-valuetext`	`string \| undefined`	No	Not declared	Defines the human readable text alternative of aria-valuenow for a range widget.node_modules/@types/react/index.d.ts:2803
`dangerouslySetInnerHTML`	`{ __html: string \| TrustedHTML; } \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2362
`onCopy`	`ClipboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2369
`onCopyCapture`	`ClipboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2370
`onCut`	`ClipboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2371
`onCutCapture`	`ClipboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2372
`onPaste`	`ClipboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2373
`onPasteCapture`	`ClipboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2374
`onCompositionEnd`	`CompositionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2377
`onCompositionEndCapture`	`CompositionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2378
`onCompositionStart`	`CompositionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2379
`onCompositionStartCapture`	`CompositionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2380
`onCompositionUpdate`	`CompositionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2381
`onCompositionUpdateCapture`	`CompositionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2382
`onFocus`	`FocusEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2385
`onFocusCapture`	`FocusEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2386
`onBlur`	`FocusEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2387
`onBlurCapture`	`FocusEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2388
`onChange`	`ChangeEventHandler<HTMLElement, Element> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2391
`onChangeCapture`	`ChangeEventHandler<HTMLElement, Element> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2392
`onBeforeInput`	`InputEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2393
`onBeforeInputCapture`	`InputEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2394
`onInput`	`InputEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2395
`onInputCapture`	`InputEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2396
`onReset`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2397
`onResetCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2398
`onSubmit`	`SubmitEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2399
`onSubmitCapture`	`SubmitEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2400
`onInvalid`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2401
`onInvalidCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2402
`onLoad`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2405
`onLoadCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2406
`onError`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2407
`onErrorCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2408
`onKeyDownCapture`	`KeyboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2412
`onKeyPress`	`KeyboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2414
`onKeyPressCapture`	`KeyboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2416
`onKeyUpCapture`	`KeyboardEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2418
`onAbort`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2421
`onAbortCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2422
`onCanPlay`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2423
`onCanPlayCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2424
`onCanPlayThrough`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2425
`onCanPlayThroughCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2426
`onDurationChange`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2427
`onDurationChangeCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2428
`onEmptied`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2429
`onEmptiedCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2430
`onEncrypted`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2431
`onEncryptedCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2432
`onEnded`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2433
`onEndedCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2434
`onLoadedData`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2435
`onLoadedDataCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2436
`onLoadedMetadata`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2437
`onLoadedMetadataCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2438
`onLoadStart`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2439
`onLoadStartCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2440
`onPause`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2441
`onPauseCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2442
`onPlay`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2443
`onPlayCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2444
`onPlaying`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2445
`onPlayingCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2446
`onProgress`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2447
`onProgressCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2448
`onRateChange`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2449
`onRateChangeCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2450
`onSeeked`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2451
`onSeekedCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2452
`onSeeking`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2453
`onSeekingCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2454
`onStalled`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2455
`onStalledCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2456
`onSuspend`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2457
`onSuspendCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2458
`onTimeUpdate`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2459
`onTimeUpdateCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2460
`onVolumeChange`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2461
`onVolumeChangeCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2462
`onWaiting`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2463
`onWaitingCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2464
`onAuxClick`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2467
`onAuxClickCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2468
`onClickCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2470
`onContextMenu`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2471
`onContextMenuCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2472
`onDoubleClick`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2473
`onDoubleClickCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2474
`onDrag`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2475
`onDragCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2476
`onDragEnd`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2477
`onDragEndCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2478
`onDragEnter`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2479
`onDragEnterCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2480
`onDragExit`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2481
`onDragExitCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2482
`onDragLeave`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2483
`onDragLeaveCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2484
`onDragOver`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2485
`onDragOverCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2486
`onDragStart`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2487
`onDragStartCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2488
`onDrop`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2489
`onDropCapture`	`DragEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2490
`onMouseDown`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2491
`onMouseDownCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2492
`onMouseEnter`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2493
`onMouseLeave`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2494
`onMouseMove`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2495
`onMouseMoveCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2496
`onMouseOut`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2497
`onMouseOutCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2498
`onMouseOver`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2499
`onMouseOverCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2500
`onMouseUp`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2501
`onMouseUpCapture`	`MouseEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2502
`onSelect`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2505
`onSelectCapture`	`ReactEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2506
`onTouchCancel`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2509
`onTouchCancelCapture`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2510
`onTouchEnd`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2511
`onTouchEndCapture`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2512
`onTouchMove`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2513
`onTouchMoveCapture`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2514
`onTouchStart`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2515
`onTouchStartCapture`	`TouchEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2516
`onPointerDown`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2519
`onPointerDownCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2520
`onPointerMove`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2521
`onPointerMoveCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2522
`onPointerUp`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2523
`onPointerUpCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2524
`onPointerCancel`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2525
`onPointerCancelCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2526
`onPointerEnter`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2527
`onPointerLeave`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2528
`onPointerOver`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2529
`onPointerOverCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2530
`onPointerOut`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2531
`onPointerOutCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2532
`onGotPointerCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2533
`onGotPointerCaptureCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2534
`onLostPointerCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2535
`onLostPointerCaptureCapture`	`PointerEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2536
`onScroll`	`UIEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2539
`onScrollCapture`	`UIEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2540
`onScrollEnd`	`UIEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2541
`onScrollEndCapture`	`UIEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2542
`onWheel`	`WheelEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2545
`onWheelCapture`	`WheelEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2546
`onAnimationStart`	`AnimationEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2549
`onAnimationStartCapture`	`AnimationEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2550
`onAnimationEnd`	`AnimationEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2551
`onAnimationEndCapture`	`AnimationEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2552
`onAnimationIteration`	`AnimationEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2553
`onAnimationIterationCapture`	`AnimationEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2554
`onToggle`	`ToggleEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2557
`onBeforeToggle`	`ToggleEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2558
`onTransitionCancel`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2561
`onTransitionCancelCapture`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2562
`onTransitionEnd`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2563
`onTransitionEndCapture`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2564
`onTransitionRun`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2565
`onTransitionRunCapture`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2566
`onTransitionStart`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2567
`onTransitionStartCapture`	`TransitionEventHandler<HTMLElement> \| undefined`	No	Not declared	node_modules/@types/react/index.d.ts:2568

HeroUI v3.2.6 is the visual and historical reference, not an API compatibility promise. HeroUI v3.2.6

TimeField

API Reference

TimeFieldRoot

Callback state: DateFieldRenderProps & { defaultStyle: CSSProperties; }

Callback state: DateFieldRenderProps & { defaultChildren: ReactNode | undefined; }

Callback state: DateFieldRenderProps

TimeFieldLabel

TimeFieldDescription

TimeFieldError

Callback state: FieldErrorRenderProps & { defaultStyle: CSSProperties; }

Callback state: FieldErrorRenderProps & { defaultChildren: ReactNode | undefined; }

Callback state: FieldErrorRenderProps

TimeField

Callback state: DateFieldRenderProps & { defaultStyle: CSSProperties; }

Callback state: DateFieldRenderProps & { defaultChildren: ReactNode | undefined; }

Callback state: DateFieldRenderProps

Shared native HTML and ARIA properties

`TimeFieldRoot`

Callback state: `DateFieldRenderProps & { defaultStyle: CSSProperties; }`

Callback state: `DateFieldRenderProps & { defaultChildren: ReactNode | undefined; }`

Callback state: `DateFieldRenderProps`

`TimeFieldLabel`

`TimeFieldDescription`

`TimeFieldError`

Callback state: `FieldErrorRenderProps & { defaultStyle: CSSProperties; }`

Callback state: `FieldErrorRenderProps & { defaultChildren: ReactNode | undefined; }`

Callback state: `FieldErrorRenderProps`

`TimeField`

Callback state: `DateFieldRenderProps & { defaultStyle: CSSProperties; }`

Callback state: `DateFieldRenderProps & { defaultChildren: ReactNode | undefined; }`

Callback state: `DateFieldRenderProps`