co-calendar-month

Fork de la cuadrícula de co-calendar con soporte para barras de eventos multi-día, arrastre a nivel de día y foco por teclado. Requiere year, month y time-zone. Los eventos se pasan CONTROLADOS por la propiedad JS events (un array): el arrastre emite una solicitud, no muta localmente. Normalmente se usa dentro de co-event-calendar, no de forma aislada.

Demo

Ver código

<co-calendar-month year="2026" month="6" time-zone="America/Bogota" locale="es-CO"></co-calendar-month>

API

Props

Prop	Atributo	Tipo	Default	Descripción
editable	editable	boolean	true	Master interaction gate.
events	—	NormalizedEvent[]	[]	Normalized events to render (from the engine's `normalizeEvents`).
firstDayOfWeek	first-day-of-week	number	1	First day of week, 0=Sun..6=Sat.
locale	locale	string	'es-CO'	BCP-47 locale for weekday labels.
maxDate	max-date	string | undefined	—	Latest interactable day "YYYY-MM-DD".
maxLanes	max-lanes	number	3	Max event lanes per day before "+N more".
minDate	min-date	string | undefined	—	Earliest interactable day "YYYY-MM-DD" (gates select/drag — past-block).
month	month	number	—	Month shown (1-12).
selectable	selectable	boolean	true	Allow empty-day click to request a create.
timeZone	time-zone	string	—	IANA timezone used to place timed events on their wall-clock day.
year	year	number	—	Year shown.

Eventos

Evento	Detail	Bubbles	Cancelable	Descripción
coDaySelect	{ date: string; }	—	✓	Emitted when an empty day is selected (create request). Detail = "YYYY-MM-DD".
coEventClick	{ id: string; }	—	✓	Emitted when an event chip is activated.
coEventDrop	{ id: string; start: string; end: string; oldStart: string; oldEnd: string; allDay: boolean; }	—	✓	Emitted on a completed drag-move (day granularity).
coMoreClick	{ date: string; }	—	✓	Emitted when the "+N more" affordance is activated.

Slots

Este componente no expone slots.

CSS Parts

Part	Descripción
::part(grid)	The month grid container

CSS Custom Properties

Este componente no expone CSS custom properties.