ScheduleDay

El componente ScheduleDay es un componente que muestra un schedule por dia.

Ejemplo

Importacion

Para importar el componente ScheduleDay, se puede hacer desde fenextjs o fenextjs-component

import {
  ScheduleDay,
  ScheduleDayProps,
} from "fenextjs/cjs/component/Schedule/Day";

o

import {
  ScheduleDay,
  ScheduleDayProps,
} from "fenextjs-component/cjs/Schedule/Day";

Parametros

ParametroTipoRequeridoDefaultDescripcion
_tstringNoPropiedad de internacionalización.
defaultValueScheduleDayValueTypeNoValor predeterminado del campo de entrada.
valueScheduleDayValueTypeNoValor actual del campo de entrada.
onChange(v: ScheduleDayValueType) => voidNoFunción de devolución de llamada para manejar cambios en el campo de entrada.
minDateDateNoFecha mínima permitida para la selección.
maxDateDateNoFecha máxima permitida para la selección.
disabledDatesDate[] or (date: Date) => booleanNoFechas deshabilitadas para la selección. Puede ser una lista de fechas o una función que toma una fecha y devuelve un valor booleano.
formatstringNoFormato de fecha para mostrar y manejar la entrada. Puede usar tokens como 'yyyy', 'MM', 'dd', 'HH', 'mm', 'ss'.
showTodayButtonbooleanNotrueIndica si se debe mostrar el botón "Hoy".
ButtonPropsOmit<ButtonProps, "onClick">NoPropiedades del botón para agregar elementos.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

  • Uso básico del componente ScheduleDay
<ScheduleDay />