# Date Input

A segmented day/month/year input for keyboard entry.

Group: Forms

## Import

```tsx
import { DateInputField } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
function DateInputDemo() {
  return (
    <Stack gap="4">
      <DateInputField label="Tanggal lahir" />
      <DateInputField label="Periode" range />
    </Stack>
  )
}
```

## Props

### DateInputField

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `range` | `boolean` |  |  |

`*` = required. Style props and HTML attributes are accepted too.