ScheduleWeekly

El componente ScheduleWeekly es un componente que muestra un schedule por semana.

Ejemplo

Importacion

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

import {
  ScheduleWeekly,
  ScheduleWeeklyProps,
} from "fenextjs/cjs/component/Schedule/Weekly";

o

import {
  ScheduleWeekly,
  ScheduleWeeklyProps,
} from "fenextjs-component/cjs/Schedule/Weekly";

Parametros

ParametroTipoRequeridoDefaultDescripcion
_tstringNoPropiedad de internacionalización.
titleReactNodeNoTítulo de la vista semanal.
defaultValueScheduleWeeklyValueTypeNoValor predeterminado del campo de entrada.
valueScheduleWeeklyValueTypeNoValor actual del campo de entrada.
onChange(v: ScheduleWeeklyValueType) => 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.
CollapseMultiplePropsOmit<CollapseMultipleProps, "items">NoPropiedades de CollapseMultiple para el campo de entrada.
onParseHeaderDay(v: DaysEnum) => ReactNodeNoFunción de devolución de llamada para analizar el encabezado del día.

Storybook

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

Usos

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