# Date Input Group · HeroUI

> Local HeroUI v3 documentation for Date Input Group.

- Page: https://jiguang132.com/systems/heroui/docs/components/date-input-group
- Based on: HeroUI documentation (Apache-2.0) @ 60edd8ed751b1d2a270623fbb182bbcfa8baa9af

## Overview

Date Input Group is a public HeroUI v3 module in the Date & time category.

For the complete compound API, also read [Date Field](/systems/heroui/docs/components/date-field).

## Local interactive example

> Example `jguang-date-input-group-basic`: interactive preview on https://jiguang132.com/systems/heroui/docs/components/date-input-group

## Installation

```tsx
import { DateInputGroup } from "@heroui/react/date-input-group";
```

## Public module API

This module exposes 8 public runtime exports:

`DateInputGroup` · `DateInputGroupInput` · `DateInputGroupInputContainer` · `DateInputGroupPrefix` · `DateInputGroupRoot` · `DateInputGroupSegment` · `DateInputGroupSuffix` · `dateInputGroupVariants`

---

Index of all JGuang resources: https://jiguang132.com/llms.txt