Chroniton

Chroniton is a versatile time and date picker that can be used together with charts and data visualizations.

The component can be incredibly useful whenever needing to display statistical data that's recorded using timestamps, allowing users to filter and navigate through the recording and evolution process.

The date and time picker functions cannot be used together on the same slider, but two sliders can be used at the same time, one for the date and one for the time values.

Chroniton supports custom labels, custom date formats, min/max date and time values for limited input choices, day (name) display, and custom input steps.

It also supports limiting user selection to only years, months, days, etc., moving the drag slider to desired positions from outside the chart, and a "play" button for sliding the handle along the slider and animating the chart.

Chroniton is compatible with both desktop and mobile devices, works with the left/right arrow keys, and is compatible with D3.js.

Requirements:

• JavaScript enabled on client side