# date-range-picker



<!-- Auto Generated Below -->


## Properties

| Property            | Attribute          | Description         | Type                                  | Default     |
| ------------------- | ------------------ | ------------------- | ------------------------------------- | ----------- |
| `defaultStyle`      | `default-style`    |                     | `string`                              | `undefined` |
| `defaultValue`      | --                 |                     | `{ startDate: Date; endDate: Date; }` | `undefined` |
| `displayFormat`     | --                 |                     | `(d: Date) => string`                 | `undefined` |
| `maxDate`           | --                 |                     | `Date`                                | `undefined` |
| `minDate`           | --                 |                     | `Date`                                | `undefined` |
| `placeholder`       | `placeholder`      |                     | `string`                              | `undefined` |
| `rangeValueChanged` | --                 |                     | `(v: string) => string`               | `undefined` |
| `separator`         | `separator`        |                     | `string`                              | `undefined` |
| `shortcutList`      | `shortcut-list`    |                     | `ShortcutType[] \| boolean`           | `undefined` |
| `target`            | `target`           | id of input element | `string`                              | `undefined` |
| `useConfirmation`   | `use-confirmation` |                     | `boolean`                             | `false`     |


## Dependencies

### Depends on

- [single-date-picker](../datePickerParts/single-date-picker)

### Graph
```mermaid
graph TD;
  date-range-picker --> single-date-picker
  style date-range-picker fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*