DateDreamer Docs
  • Introduction
  • Getting Started
  • Options
  • Troubleshooting
  • GitHub
  • npm
GitHub
  • Introduction
  • Getting Started
  • Options
  • Troubleshooting
  • GitHub
  • npm
GitHub
  • Home
  • Getting Started
  • Guide

    • Introduction
    • Options
    • Playground
  • Help

    • Troubleshooting

Playground

Try out DateDreamer's components and options interactively. Adjust the controls and watch the calendar update in real time — the generated configuration below shows exactly what options object was used, ready to copy into your own code.

Notes

  • Date presets (minDate, maxDate, predefined ranges) are computed relative to today, so the playground always renders with live, in-bounds dates.
  • The playground runs against the published bundle loaded from unpkg, so only released features are available here.
  • For the full list of options, see Options.
Edit this page on GitHub
Last Updated: 9/16/26, 2:45 AM
Contributors: Jorge Felico
true
Options