Rokkit Logo 1.0.0-next.122

Calendar

A simple Calendar component for date selection.

Introduction

A simple Calendar component that provides an intuitive interface for date selection. This component is currently in development (labs) and provides basic calendar functionality.

Notable features:

  • Intuitive month and year navigation
  • Keyboard navigation support
  • Accessible design with proper ARIA attributes
  • Clean, minimal styling that adapts to your theme
  • Date selection with visual feedback

Basic Example

Here's a simple example of a Calendar component. Click on any date to select it:

No preview available
No tabs available.

Basic Usage

The Calendar component can be used in its simplest form without any configuration. It provides a standard calendar view with month navigation.

Highlighting code...

Development Status

This component is currently in labs status, meaning it's under active development. Features and API may change as we gather feedback and improve the component.

Coming Soon

We're actively working on expanding the Calendar component with additional features:

  • Date range selection: Select start and end dates
  • Value binding: Reactive date value with two-way binding
  • Min/max dates: Restrict selectable date ranges
  • Disabled dates: Disable specific dates or patterns
  • Custom formatting: Customize date display formats
  • Localization: Support for different locales and languages
  • Event markers: Highlight dates with events or special significance

Ready for more?

Explore other input components or learn about form integration and validation patterns.

Range → Rating →