@sankhyalabs/ezui-docs 0.0.0-bugfix-ms-KB-109101.1 → 0.0.0-bugfix-dev-KB-132151.0

package/components/ez-actions-button/readme.md

@@ -39,7 +39,7 @@ Oculta a lista de ações.
 
 Type: `Promise<void>`
 
-
+---
 
 ### `isOpened() => Promise<boolean>`
 
@@ -49,7 +49,7 @@ Verifica se a lista de ações está aberta.
 
 Type: `Promise<boolean>`
 
-
+---
 
 ### `showActions() => Promise<void>`
 

package/components/ez-button/readme.md

@@ -7,14 +7,20 @@
 
 ## Properties
 
-| Property   | Attribute   | Description                                                                                                                                       | Type                                            | Default     |
-| ---------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
-| `enabled`  | `enabled`   | Se false o usuário não pode interagir com o botão.                                                                                                | `boolean`                                       | `true`      |
-| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string`                                        | `undefined` |
-| `image`    | `image`     | Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.                                     | `string`                                        | `undefined` |
-| `label`    | `label`     | Texto a ser apresentado como título do botão.                                                                                                     | `string`                                        | `undefined` |
-| `mode`     | `mode`      | Define o modo de uso do botão.                                                                                                                    | `"icon" \| "label-icon" \| "link" \| "regular"` | `"regular"` |
-| `size`     | `size`      | Define o tamanho do ez-button.                                                                                                                    | `"large" \| "medium" \| "small" \| "x-small"`   | `undefined` |
+| Property            | Attribute            | Description                                                                                                                                       | Type                                            | Default     |
+| ------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
+| `enabled`           | `enabled`            | ⚠️ **[DEPRECATED]** Use `isDisabled` prop instead.Se false o usuário não pode interagir com o botão.        | `boolean`                                       | `true`      |
+| `iconName`          | `icon-name`          | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string`                                        | `undefined` |
+| `image`             | `image`              | Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.                                     | `string`                                        | `undefined` |
+| `isDisabled`        | `is-disabled`        | Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.          | `"" \| "full" \| boolean`                       | `false`     |
+| `label`             | `label`              | Texto a ser apresentado como título do botão.                                                                                                     | `string`                                        | `undefined` |
+| `leftIconName`      | `left-icon-name`     | Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`.                                                                     | `string`                                        | `undefined` |
+| `mode`              | `mode`               | Define o modo de uso do botão.                                                                                                                    | `"icon" \| "label-icon" \| "link" \| "regular"` | `"regular"` |
+| `rightIconName`     | `right-icon-name`    | Define o ícone direto do ez-button. Tem prioridade sobre o slot `rightIcon`.                                                                      | `string`                                        | `undefined` |
+| `size`              | `size`               | Define o tamanho do ez-button.                                                                                                                    | `"large" \| "medium" \| "small" \| "x-small"`   | `"medium"`  |
+| `suppressAnimation` | `suppress-animation` | Se verdadeiro, desabilita a animação de ripple.                                                                                                   | `boolean`                                       | `false`     |
+| `type`              | `type`               | Define o tipo do botão. Pode ser `button`, `submit` ou `reset`.                                                                                   | `string`                                        | `"button"`  |
+| `variant`           | `variant`            | Define a variante do ez-button.                                                                                                                   | `"primary" \| "secondary" \| "tertiary"`        | `undefined` |
 
 
 ## Methods
@@ -27,7 +33,7 @@ Remove o foco do botão.
 
 Type: `Promise<void>`
 
-
+---
 
 ### `setFocus() => Promise<void>`
 
@@ -46,12 +52,16 @@ Type: `Promise<void>`
 
  - [ez-actions-button](../ez-actions-button)
  - [ez-alert-list](../ez-alert-list)
+ - [ez-classic-search](../ez-classic-search)
  - [ez-dialog](../ez-dialog)
  - [ez-double-list](../ez-double-list)
  - [ez-grid](../ez-grid)
  - [ez-guide-navigator](../ez-guide-navigator)
+ - [ez-image-input](../ez-image-input)
  - [ez-modal-container](../ez-modal-container)
  - [ez-pagination](../ez-pagination)
+ - [ez-popup](../ez-popup)
+ - [ez-search](../ez-search)
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
  - [ez-split-item](../ez-split-panel/structure/item)
  - [ez-text-edit](../ez-text-edit)
@@ -68,12 +78,16 @@ graph TD;
   ez-button --> ez-icon
   ez-actions-button --> ez-button
   ez-alert-list --> ez-button
+  ez-classic-search --> ez-button
   ez-dialog --> ez-button
   ez-double-list --> ez-button
   ez-grid --> ez-button
   ez-guide-navigator --> ez-button
+  ez-image-input --> ez-button
   ez-modal-container --> ez-button
   ez-pagination --> ez-button
+  ez-popup --> ez-button
+  ez-search --> ez-button
   ez-sidebar-navigator --> ez-button
   ez-split-item --> ez-button
   ez-text-edit --> ez-button
@@ -93,30 +107,38 @@ graph TD;
 | --ez-button--min-width | Define a largura mínima do componente. | 
 | --ez-button--width | Define a largura do componente. | 
 | --ez-button--height | Define a altura do componente. | 
-| --ez-button\_\_icon--width | Define a largura do slot que contém o ícone. | 
-| --ez-button\_\_inline\_\_icon--padding | Define o espaçamento entre o ícone e o label. | 
 | --ez-button--padding-top | Define o espaçamento superior ao label. | 
 | --ez-button--padding-bottom | Define o espaçamento inferior ao label. | 
 | --ez-button--padding-right | Define o espaçamento à direita do label. | 
 | --ez-button--padding-left | Define o espaçamento à esquerda do label. | 
+| --ez-button--icon--gap | Define o gap entre o texto e ícone, quando existir. | 
 | --ez-button--color | Define a cor do label. | 
+| --ez-button--label-icon--color | Define a cor do label do botao tipo label-icon. | 
+| --ez-button--label-icon--hover-color | Define a cor do label do botao tipo label-icon, quando o mouse sobre o botão. | 
+| --ez-button--label-icon--disabled-color | Define a cor do label do botao tipo label-icon, quando desabilitado. | 
+| --ez-button--left-icon--color | Define a cor do icone esquerdo. | 
+| --ez-button--right-icon--color | Define a cor do icone direito, quando o mouse está sobre o botão. | 
+| --ez-button--left-icon--hover-color | Define a cor do icone esquerdo. | 
+| --ez-button--right-icon--hover-color | Define a cor do icone direito, quando o mouse está sobre o botão. | 
+| --ez-button--left-icon--disabled-color | Define a cor do icone esquerdo, quando desabilitado. | 
+| --ez-button--right-icon--disabled-color | Define a cor do icone direito, quando desabilitado. | 
 | --ez-button--font-size | Define o tamanho do label. | 
 | --ez-button--font-family | Define a família da fonte do label. | 
 | --ez-button--font-weight | Define o peso da fonte do label. | 
 | --ez-button--background-color | Define a cor de fundo do botão. | 
 | --ez-button--border-radius | Define o raio da borda do botão. | 
 | --ez-button--border | Define o estilo da borda do botão. | 
+| --ez-button--hover--border | Define o estilo da borda do botão quando em hover. | 
 | --ez-button--justify-content | Define o alinhamento horizontal do conteúdo do botão. | 
 | --ez-button--hover-color | Define a cor do texto e do ícone quando o cursor está sobre o botão. | 
 | --ez-button--hover--background-color | Define a cor de fundo quando o cursor está sobre o botão. | 
 | --ez-button--disabled-color | Define a cor do texto quando o botão está desabilitado. | 
 | --ez-button--disabled--background-color | Define a cor de fundo quando o botão está desabilitado. | 
-| --ez-button--focus--border | Define o estido da borda quando o botão está selecionado. | 
-| --ez-button--focus--box-shadow | Define a sombra do botão quando selecionado. | 
-| --ez-button--active-color | Define a cor do texto e do ícone ao ativar o botão. | 
-| --ez-button--active--background-color | Define a cor do fundo ao ativar o botão. | 
+| --ez-button--disabled--border | Define a cor da borda quando o botão está desabilitado. | 
+| --ez-button--disabled-icon-color | Define a cor do icone quando o botão está desabilitado. | 
 | --ez-button--link-color | Define a cor do texto do botão no modo link. | 
 | --ez-button--link--hover-color | Define a cor do texto do botão no hover do modo link. | 
+| --ez-button--link-disabled-color | Define a cor do texto do botão no hover do modo link, quando desabilitado. | 
 | --ez-button--link--small--font-size | Define o tamanho small na fonte do texto do botão no modo link. | 
 | --ez-button--link--medium--font-size | Define o tamanho medium na fonte do texto do botão no modo link. | 
 | --ez-button--link--large--font-size | Define o tamanho large na fonte do texto do botão no modo link. | 

package/components/ez-calendar/readme.md

@@ -32,7 +32,7 @@ Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de
 
 Type: `Promise<void>`
 
-
+---
 
 ### `fitVertical(topOffset: number, bottomOffset: number) => Promise<void>`
 
@@ -42,7 +42,7 @@ Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de es
 
 Type: `Promise<void>`
 
-
+---
 
 ### `hide() => Promise<void>`
 
@@ -52,7 +52,7 @@ Oculta o ez-calendar.
 
 Type: `Promise<void>`
 
-
+---
 
 ### `show(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>`
 
@@ -70,12 +70,16 @@ Type: `Promise<void>`
 
 ### Used by
 
+ - [ez-classic-date-input](../ez-classic-date-input)
+ - [ez-classic-date-time-input](../ez-classic-date-time-input)
  - [ez-date-input](../ez-date-input)
  - [ez-date-time-input](../ez-date-time-input)
 
 ### Graph
 ```mermaid
 graph TD;
+  ez-classic-date-input --> ez-calendar
+  ez-classic-date-time-input --> ez-calendar
   ez-date-input --> ez-calendar
   ez-date-time-input --> ez-calendar
   style ez-calendar fill:#f9f,stroke:#333,stroke-width:4px

package/components/ez-card-item/readme.md

@@ -25,12 +25,16 @@
 
 ### Used by
 
+ - [classic-search-list](../ez-classic-search/subcomponent/classic-search-list)
+ - [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
  - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
  - [search-list](../ez-search/subcomponent/search-list)
 
 ### Graph
 ```mermaid
 graph TD;
+  classic-search-list --> ez-card-item
+  ez-classic-search-result-list --> ez-card-item
   ez-search-result-list --> ez-card-item
   search-list --> ez-card-item
   style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px

package/components/ez-check/readme.md

@@ -35,7 +35,7 @@ Obtém o modo escolhido.
 
 Type: `Promise<CheckMode>`
 
-
+---
 
 ### `setFocus() => Promise<void>`
 

package/components/ez-chip/readme.md

@@ -7,20 +7,22 @@
 
 ## Properties
 
-| Property                 | Attribute                   | Description                                                                                                             | Type                               | Default     |
-| ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
-| `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar.                                                                  | `boolean`                          | `false`     |
-| `enabled`                | `enabled`                   | Se false o usuário não pode interagir com o ez-chip.                                                                    | `boolean`                          | `true`      |
-| `iconNameLeft`           | `icon-name-left`            | Define o icone esquerdo.                                                                                                | `string`                           | `undefined` |
-| `iconNameRight`          | `icon-name-right`           | Define o icone direito.                                                                                                 | `string`                           | `undefined` |
-| `label`                  | `label`                     | Texto a ser apresentado como título do ez-chip.                                                                         | `string`                           | `undefined` |
-| `maxWidth`               | `max-width`                 | Define o tamanho máximo do chip.                                                                                        | `string`                           | `undefined` |
-| `mode`                   | `mode`                      | Define o modo de uso do ez-chip.                                                                                        | `"action" \| "label"`              | `undefined` |
-| `removePosition`         | `remove-position`           | Determina o posicionamento do botão de remover (não disponível no modo `action`).  Se não informado, não exibe o botão. | `"left" \| "right"`                | `undefined` |
-| `showNativeTooltip`      | `show-native-tooltip`       | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.                            | `boolean`                          | `false`     |
-| `size`                   | `size`                      | Define o tamanho do chip.                                                                                               | `"default" \| "large" \| "medium"` | `'default'` |
-| `type`                   | `type`                      | Define o tipo de estilização do chip.                                                                                   | `"primary" \| "secondary"`         | `'primary'` |
-| `value`                  | `value`                     | Define o valor do ez-chip.                                                                                              | `boolean`                          | `false`     |
+| Property                 | Attribute                   | Description                                                                                                             | Type                                                                                                                   | Default     |
+| ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar.                                                                  | `boolean`                                                                                                              | `false`     |
+| `enabled`                | `enabled`                   | Se false o usuário não pode interagir com o ez-chip.                                                                    | `boolean`                                                                                                              | `true`      |
+| `iconNameLeft`           | `icon-name-left`            | Define o icone esquerdo.                                                                                                | `string`                                                                                                               | `undefined` |
+| `iconNameRight`          | `icon-name-right`           | Define o icone direito.                                                                                                 | `string`                                                                                                               | `undefined` |
+| `label`                  | `label`                     | Texto a ser apresentado como título do ez-chip.                                                                         | `string`                                                                                                               | `undefined` |
+| `maxWidth`               | `max-width`                 | Define o tamanho máximo do chip.                                                                                        | `string`                                                                                                               | `undefined` |
+| `mode`                   | `mode`                      | Define o modo de uso do ez-chip.                                                                                        | `"action" \| "label"`                                                                                                  | `undefined` |
+| `removePosition`         | `remove-position`           | Determina o posicionamento do botão de remover (não disponível no modo `action`).  Se não informado, não exibe o botão. | `"left" \| "right"`                                                                                                    | `undefined` |
+| `removeWithKeyboard`     | `remove-with-keyboard`      | Define se o chip deve ser removido ao pressionar a tecla Enter quando focado.                                           | `boolean`                                                                                                              | `false`     |
+| `showNativeTooltip`      | `show-native-tooltip`       | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento.                            | `boolean`                                                                                                              | `false`     |
+| `size`                   | `size`                      | Define o tamanho do chip.                                                                                               | `"default" \| "large" \| "medium"`                                                                                     | `'default'` |
+| `tabIndex`               | `tab-index`                 | Define o tabindex do chip. Por padrão é 0, permitindo que o chip seja focável.                                          | `number`                                                                                                               | `0`         |
+| `type`                   | `type`                      | Define o tipo de estilização do chip.                                                                                   | `"error" \| "error-light" \| "primary" \| "secondary" \| "success" \| "success-light" \| "warning" \| "warning-light"` | `'primary'` |
+| `value`                  | `value`                     | Define o valor do ez-chip.                                                                                              | `boolean`                                                                                                              | `false`     |
 
 
 ## Events
@@ -43,7 +45,7 @@ Remove o foco do ez-chip.
 
 Type: `Promise<void>`
 
-
+---
 
 ### `setFocus() => Promise<void>`
 
@@ -58,6 +60,10 @@ Type: `Promise<void>`
 
 ## Dependencies
 
+### Used by
+
+ - [ez-tag-input](../ez-tag-input)
+
 ### Depends on
 
 - [ez-tooltip](../ez-tooltip)
@@ -68,6 +74,7 @@ Type: `Promise<void>`
 graph TD;
   ez-chip --> ez-tooltip
   ez-chip --> ez-icon
+  ez-tag-input --> ez-chip
   style ez-chip fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
@@ -89,13 +96,12 @@ graph TD;
 | --ez-label-chip\_\_label\_\_container--border-radius | Define o raio da borda do container do chip. | 
 | --ez-label-chip\_\_label\_\_container--border | Define o estilo da borda do container. | 
 | --ez-label-chip\_\_label\_\_container--border-color-strokes | Define a cor da borda do container. | 
-| --ez-label-chip\_\_label\_\_container--color-primary | Define a cor do texto, do ícone do label e do botão de remoção (quando o chip está ativo). | 
-| --ez-label-chip\_\_label\_\_container-color--disable-secondary | Define a cor da borda e do fundo quando o chip está desativado. | 
+| --ez-label-chip\_\_label\_\_container-color--disabled | Define a cor da borda e do fundo quando o chip está desativado. | 
 | --ez-label-chip\_\_label\_\_container--background-color | Define a cor de fundo do container. | 
-| --ez-label-chip\_\_label\_\_container--border-color | Define a cor da borda do container quando ativo. | 
 | --ez-label-chip\_\_label\_\_container--border-color-active | Define a cor da borda do container quando ativo. | 
-| --ez-label-chip\_\_label\_\_container--default--background-color--active | Define a cor do fundo do container quando o cursor está ativo. | 
-| --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando o cursor está sobre ele. | 
+| --ez-label-chip\_\_label\_\_container--default--background-color--active | Define a cor do fundo do container quando está ativo. | 
+| --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando está ativo. | 
 | --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. | 
 | --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. | 
-| --ez-label-chip\_\_label\_\_container--default--margin-top | Define a margem superior. | 
+| --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. | 
+| --ez-label-chip\_\_label\_\_container--margin | Define a margem do chip. | 

package/components/ez-classic-combo-box/readme.md

@@ -18,12 +18,14 @@
 | `options`             | --                      | Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]`                                      | `undefined` |
 | `placeholder`         | `placeholder`           | Placeholder do combo box                                                                                              | `string`                                         | `undefined` |
 | `readonly`            | `readonly`              | Define se o combo box é somente leitura.                                                                              | `boolean`                                        | `false`     |
+| `required`            | `required`              | Define se o input é obrigatório (visualmente)                                                                         | `boolean`                                        | `false`     |
+| `size`                | `size`                  | Tamanho do input                                                                                                      | `"default" \| "small" \| "xsmall"`               | `"default"` |
 | `state`               | `state`                 | Estado visual do combo box: default, error, success ou warning.                                                       | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
 | `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista.                                                                                | `boolean`                                        | `false`     |
 | `suppressSearch`      | `suppress-search`       | Se true desabilita a digitação dentro do componente.                                                                  | `boolean`                                        | `false`     |
 | `textEmptyOption`     | `text-empty-option`     | Texto a ser apresentado na opção de valor nulo.                                                                       | `string`                                         | `undefined` |
 | `titleIcon`           | `title-icon`            | Título do ícone (tooltip).                                                                                            | `string`                                         | `undefined` |
-| `value`               | --                      | Valor do combo box.                                                                                                   | `IOption`                                        | `null`      |
+| `value`               | `value`                 | Valor do combo box.                                                                                                   | `IOption \| string`                              | `null`      |
 
 
 ## Events
@@ -47,7 +49,7 @@ Oculta o popover.
 
 Type: `Promise<void>`
 
-
+---
 
 ### `setBlur() => Promise<void>`
 
@@ -57,7 +59,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
-
+---
 
 ### `setFocus(option?: OptionsSetFocus) => Promise<void>`
 
@@ -67,9 +69,9 @@ Aplica o foco no campo.
 
 Type: `Promise<void>`
 
+---
 
-
-### `setValue(option: IOption) => Promise<void>`
+### `setValue(option: IOption | string) => Promise<void>`
 
 
 
@@ -77,7 +79,7 @@ Type: `Promise<void>`
 
 Type: `Promise<void>`
 
-
+---
 
 ### `showPopover() => Promise<void>`
 
@@ -92,6 +94,10 @@ Type: `Promise<void>`
 
 ## Dependencies
 
+### Used by
+
+ - [ez-form-view](../ez-form-view)
+
 ### Depends on
 
 - [ez-classic-input](../ez-classic-input)
@@ -103,6 +109,7 @@ graph TD;
   ez-classic-combo-box --> ez-classic-input
   ez-classic-combo-box --> ez-popover-core
   ez-classic-input --> ez-icon
+  ez-form-view --> ez-classic-combo-box
   style ez-classic-combo-box fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
@@ -128,4 +135,5 @@ graph TD;
 | --ez-classic-combo-box-scrollbar-color | Define a cor da scrollbar. | 
 | --ez-classic-combo-box-no-results-margin | Define a margem do texto "sem resultados". | 
 | --ez-classic-combo-box-item-text-color | Define a cor do texto dos itens. | 
-| --ez-classic-combo-box-item-min-height | Define a altura mínima dos itens da lista. | 
+| --ez-classic-combo-box-item-min-height | Define a altura mínima dos itens da lista. | 
+| --ez-classic-combo-box-width | Define a largura do componente. | 

package/components/ez-classic-date-input/readme.md

@@ -0,0 +1,111 @@
+# ez-classic-date-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"` |
+| `required`               | `required`                | Define se o campo é obrigatório                                                   | `boolean`                          | `false`     |
+| `size`                   | `size`                    | Tamanho do input                                                                  | `"default" \| "small" \| "xsmall"` | `"default"` |
+| `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>`          |
+| `ezInput`               | Emitido quando o usuário digita uma data válida no 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-classic-input](../ez-classic-input)
+- [ez-popover-plus](../ez-popover-plus)
+- [ez-calendar](../ez-calendar)
+
+### Graph
+```mermaid
+graph TD;
+  ez-classic-date-input --> ez-classic-input
+  ez-classic-date-input --> ez-popover-plus
+  ez-classic-date-input --> ez-calendar
+  ez-classic-input --> ez-icon
+  ez-popover-plus --> ez-popover-core
+  ez-form-view --> ez-classic-date-input
+  style ez-classic-date-input fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-classic-date-input\_\_input--background-color | Define a cor de fundo do input. | 
+| --ez-classic-date-input\_\_input--border-color | Define a cor da borda do input. | 
+| --ez-classic-date-input\_\_calendar-image | Contém a imagem do calendário. | 

package/components/ez-classic-date-time-input/readme.md

@@ -0,0 +1,111 @@
+# ez-classic-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"` |
+| `required`               | `required`                | Define se o campo é obrigatório                                                   | `boolean`                          | `false`     |
+| `showSeconds`            | `show-seconds`            | Se true considera segundos.                                                       | `boolean`                          | `false`     |
+| `size`                   | `size`                    | Tamanho do input                                                                  | `"default" \| "small" \| "xsmall"` | `"default"` |
+| `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?: OptionsSetFocus) => Promise<void>`
+
+Aplica o foco no campo.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
+## Dependencies
+
+### Used by
+
+ - [ez-form-view](../ez-form-view)
+
+### Depends on
+
+- [ez-classic-input](../ez-classic-input)
+- [ez-popover-plus](../ez-popover-plus)
+- [ez-calendar](../ez-calendar)
+
+### Graph
+```mermaid
+graph TD;
+  ez-classic-date-time-input --> ez-classic-input
+  ez-classic-date-time-input --> ez-popover-plus
+  ez-classic-date-time-input --> ez-calendar
+  ez-classic-input --> ez-icon
+  ez-popover-plus --> ez-popover-core
+  ez-form-view --> ez-classic-date-time-input
+  style ez-classic-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-classic-date-input\_\_input--background-color | Define a cor de fundo do input. | 
+| --ez-classic-date-input\_\_input--border-color | Define a cor da borda do input. | 
+| --ez-classic-date-input\_\_calendar-image | Contém a imagem do calendário. |