AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography
Date Picker
A date picker component with range and presets.
Su
Mo
Tu
We
Th
Fr
Sa
templ
templ DatePickerDemo() {
{{
now := time.Now()
}}
<div class="flex items-center justify-center p-4">
@ui.DatePicker(now.Year(), now.Month(), "", nil)
</div>
}