CalendarJS Demos

Download Back To CSSScript.Com

A JavaScript calendar library with date picker, schedule grid, timeline view, and helper utilities for vanilla JS, React, and Vue.

Calendar

Inline range selection runs beside a modal input with time support, custom formatting, a constrained date window, and live helper output.

Date + Time
Selected Range
Picker Value
Excel Serial
Validation

Schedule

Day, week, weekdays, recurring mode, editable events, undo and redo, time-range constraints, and direct event manipulation all stay active in one board.

Planner
Current View
Current Date
Event Count
Selection

Timeline + Helpers

The timeline switches between continuous and monthly modes, changes alignment and ordering, and sits next to live helper values for formatting, validation, and relative time output.

Chronology
Helpers.now()
Helpers.dateToNum()
Helpers.numToDate()
Helpers.prettify()
Helpers.isValidDate()
Helpers.isValidDateFormat()

Interaction Notes

Drag schedule events to move them, stretch them to change duration, click an event before shifting or deleting it, and use the timeline mode controls to test list and month-specific chronology.