# gd-date-picker



<!-- Auto Generated Below -->


## Properties

| Property           | Attribute            | Description                                                      | Type      | Default         |
| ------------------ | -------------------- | ---------------------------------------------------------------- | --------- | --------------- |
| `disabled`         | `disabled`           | Flag to disable button                                           | `boolean` | `false`         |
| `displayFormat`    | `display-format`     |                                                                  | `string`  | `undefined`     |
| `doubleCalendar`   | `double-calendar`    |                                                                  | `boolean` | `false`         |
| `enableRange`      | `enable-range`       |                                                                  | `boolean` | `false`         |
| `enableTime`       | `enable-time`        |                                                                  | `boolean` | `false`         |
| `format`           | `format`             |                                                                  | `string`  | `'Y-m-d H:i'`   |
| `inline`           | `inline`             |                                                                  | `boolean` | `false`         |
| `label`            | `label`              |                                                                  | `string`  | `'Select date'` |
| `maxDate`          | `max-date`           | The maximum date that a user can pick to (inclusive).            | `string`  | `null`          |
| `minDate`          | `min-date`           | The minimum date that a user can start picking from (inclusive). | `string`  | `null`          |
| `showCalendarIcon` | `show-calendar-icon` |                                                                  | `boolean` | `true`          |
| `useAsIcon`        | `use-as-icon`        | use date picker as an icon instead of default input.             | `boolean` | `false`         |
| `value`            | `value`              |                                                                  | `string`  | `''`            |


## Events

| Event          | Description | Type               |
| -------------- | ----------- | ------------------ |
| `isInvalid`    |             | `CustomEvent<any>` |
| `valueChanged` |             | `CustomEvent<any>` |


## Dependencies

### Depends on

- bs-button
- bs-icon
- bs-form-row
- bs-form-group
- bs-form-label
- bs-form-control

### Graph
```mermaid
graph TD;
  gd-date-picker --> bs-button
  gd-date-picker --> bs-icon
  gd-date-picker --> bs-form-row
  gd-date-picker --> bs-form-group
  gd-date-picker --> bs-form-label
  gd-date-picker --> bs-form-control
  bs-button --> bs-icon
  style gd-date-picker fill:#f9f,stroke:#333,stroke-width:4px
```

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

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