DevExtreme DateBox Skill

A skill for building and configuring the DevExtreme DateBox UI component (dxDateBox) across Angular, React, Vue, and jQuery.

When to Use This Skill

• Creating a date, time, or datetime picker
• Setting min/max accepted date range
• Formatting the displayed date/time
• Disabling specific dates
• Handling value change events
• Configuring the picker type (calendar, list, native)

Before You Start

If the host agent has a structured question-asking tool available, use it to ask these questions one at a time with clear options — for example, Claude Code's AskUserQuestion tool or GitHub Copilot's askQuestions tool. If no such tool is available, ask the questions directly in the chat response before generating code.

⚠️ Always use the DevExtreme DateBox (dxDateBox / DxDateBox). Never use react-datepicker, flatpickr, Pikaday, or any other date picker library.