--- // Port of preview/pages/playground.html (layout: default). // Reuses committed components: ProgressSteps, Datepicker, Trending. // // NOTE (datepicker params): the source passes many params to ui/datepicker.html // (date-min, date-max, selection-mode, placement, display-months-count, // first-weekday, selected-dates). The current shared ui/datepicker.html is // Litepicker-based and IGNORES all of them — the reference build renders only a // plain input (id/value/layout/inline). Datepicker.astro mirrors that include, so // we pass only the supported props and drop the rest, matching the reference. // // NOTE (page-libs): front matter is `page-libs: [vanilla-calendar-pro]`, but that // lib is NOT registered in @tabler/core/libs.json, so BaseLayout emits no assets // for it (matches the reference: empty PAGE LEVEL STYLES, no vanilla output). // Passed through faithfully anyway. // // NOTE: the `page-header-link` front matter key ("Go to Team Settings") is inert — // nothing in the layout/page-header consumes it, and it is absent from the // reference. No prop for it. import DefaultLayout from '@shared/layouts/DefaultLayout.astro'; import ProgressSteps from '@shared/components/ui/ProgressSteps.astro'; import Datepicker from '@shared/components/ui/Datepicker.astro'; import Trending from '@shared/components/ui/Trending.astro'; ---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur earum perferendis expedita suscipit quasi maiores quas sint harum dolor! Dolorem cumque autem error ea fuga. Ea excepturi temporibus officiis perspiciatis.

Datepicker Examples

Basic Datepicker

Datepicker Options

Placement Options

Advanced Options

Inline Datepicker

Cohort Statistics

Total Users
25,784
Average CSAT Score
86.9
Average Response Time
7.2m
Total Tickets
51,960
Resolution Rate
90.0%
Total Cohorts
10
Avg. Handling Time
14.1m
First Contact Resolution
80.0%
Retention Rate
28.0%