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
Parametro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
_t | string | No | Propiedad de internacionalización. | |
defaultValue | ScheduleDayValueType | No | Valor predeterminado del campo de entrada. | |
value | ScheduleDayValueType | No | Valor actual del campo de entrada. | |
onChange | (v: ScheduleDayValueType) => void | No | Función de devolución de llamada para manejar cambios en el campo de entrada. | |
minDate | Date | No | Fecha mínima permitida para la selección. | |
maxDate | Date | No | Fecha máxima permitida para la selección. | |
disabledDates | Date[] or (date: Date) => boolean | No | Fechas deshabilitadas para la selección. Puede ser una lista de fechas o una función que toma una fecha y devuelve un valor booleano. | |
format | string | No | Formato de fecha para mostrar y manejar la entrada. Puede usar tokens como 'yyyy', 'MM', 'dd', 'HH', 'mm', 'ss'. | |
showTodayButton | boolean | No | true | Indica si se debe mostrar el botón "Hoy". |
ButtonProps | Omit<ButtonProps, "onClick"> | No | Propiedades 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 />