Interface DatepickerProps

Valores padrão aceitos para elementos de entrada de dados.

Hierarchy

  • DatepickerProps

Properties

blockedDates? blockedWeekDays? disabled? maxDate? minDate? onChange value?

Properties

Optional blockedDates

blockedDates?: string[]

Propriedade que tem como objetivo imputar um range de bloqueio para as datas. Pode ser usado com uma data mínima e máxima ou apenas uma data específica. Formato de range blockedDates{["YY-MM-dd/YY-mm-dd"]} OU blockedDates{["YY-MM-dd"]}. Example:

 <Datepicker blockedDates={["2024-01-23/2024-01-30", "2024-01-20"]} />

Optional blockedWeekDays

blockedWeekDays?: number[]

Propriedade que tem com objetivo bloquear um ou mais dias da semana Exemple: segundas, segundas e quintas Example:

<Datepicker blockedWeekDays={[2,4]} />

Optional disabled

disabled?: boolean

Desabilitar o clique em todas as datas Caso haja um valor inicial ele ficará selecionado Example:

 <Datepicker disabled />

Optional maxDate

maxDate?: string

Propriedade que tem como objetivo imputar uma data máxima. Formato de uso de acordo com a ISO 8601.

 <Datepicker maxDate="2024-01-30"  />

Optional minDate

minDate?: string

Propriedade que tem como objetivo imputar uma data mínima. Formato de uso de acordo com a ISO 8601 Example:

 <Datepicker minDate="2024-01-23" />

onChange

onChange: ((date) => void)

Type declaration

    • (date): void

    • Função chamada quando o valor do Datepicker é alterado. Example:

       <Datepicker onChange={(date)=>{console.log(date)}} />

      Parameters

      • date: Date

      Returns void

Optional value

value?: Date

Valor inicial da data. Permite datas em Date ou no formato "YY-mm-dd" Example:

 <Datepicker value={this.state.initialValue} />

Settings

Member Visibility

Theme

On This Page