# ez-date-time-input



<!-- Auto Generated Below -->


## Properties

| Property                 | Attribute                 | Description                                                                       | Type                  | Default     |
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo.                           | `string`              | `undefined` |
| `autoFocus`              | `auto-focus`              | Se true o campo de texto receberá o foco ao ser renderizado.                      | `boolean`             | `false`     |
| `canShowError`           | `can-show-error`          | Se false deixa de exibir a mensagem de erro dentro do campo.                      | `boolean`             | `true`      |
| `enabled`                | `enabled`                 | Se false o usuário não pode interagir com o campo.                                | `boolean`             | `true`      |
| `errorMessage`           | `error-message`           | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string`              | `undefined` |
| `label`                  | `label`                   | Texto a ser apresentado como título do campo.                                     | `string`              | `undefined` |
| `mode`                   | `mode`                    | Define o tamanho do campo.                                                        | `"regular" \| "slim"` | `"regular"` |
| `showSeconds`            | `show-seconds`            | Se true considera segundos.                                                       | `boolean`             | `false`     |
| `value`                  | --                        | Define o valor do campo.                                                          | `Date`                | `undefined` |


## Events

| Event                   | Description                                                                                    | Type                         |
| ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
| `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>`          |
| `ezChange`              | Emitido quando acontece a alteração de valor do campo.                                         | `CustomEvent<Date>`          |
| `ezStartChange`         | Emitido ao iniciar a alteração (digitação incompleta).                                         | `CustomEvent<WaitingChange>` |


## Methods

### `getValueAsync() => Promise<Date>`



#### Returns

Type: `Promise<Date>`

---

### `isInvalid() => Promise<boolean>`

Retorna se o conteúdo é inválido.

#### Returns

Type: `Promise<boolean>`

---

### `setBlur() => Promise<void>`

Remove o foco do campo.

#### Returns

Type: `Promise<void>`

---

### `setFocus(options?: TFocusOptions) => Promise<void>`

Aplica o foco no campo.

#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [ez-form-view](../ez-form-view)

### Depends on

- [ez-text-input](../ez-text-input)
- [ez-popover-plus](../ez-popover-plus)
- [ez-calendar](../ez-calendar)

### Graph
```mermaid
graph TD;
  ez-date-time-input --> ez-text-input
  ez-date-time-input --> ez-popover-plus
  ez-date-time-input --> ez-calendar
  ez-text-input --> ez-tooltip
  ez-text-input --> ez-icon
  ez-popover-plus --> ez-popover-core
  ez-form-view --> ez-date-time-input
  style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
```

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-date-input\_\_input--background-color | Define a cor de fundo do input. | 
| --ez-date-input\_\_input--border-color | Define a cor da borda do input. | 
| --ez-date-input\_\_calendar-image | Contém a imagem do calendário. |