Files
medusa-store/www/apps/ui/specs/examples/date-picker-business-hours.tsx
Shahed NasserandGitHub d1a1135328 docs: migrate UI docs (#13245)
* docs: create a new UI docs project (#13233)

* docs: create a new UI docs project

* fix installation errors

* docs: migrate UI docs content to new project (#13241)

* Fix content

* added examples for some components

* finish adding examples

* lint fix

* fix build errors

* delete empty files

* path fixes + refactor

* fix build error
2025-08-20 11:42:25 +03:00

26 lines
704 B
TypeScript

"use client"
import { DatePicker } from "@medusajs/ui"
export default function DatePickerBusinessHours() {
return (
<div className="w-[300px]">
<DatePicker
granularity="hour"
defaultValue={new Date()}
aria-label="Select date and hour for business scheduling"
isDateUnavailable={(date) => {
// Disable weekends and holidays
const day = date.getDay()
const isWeekend = day === 0 || day === 6
// Example: Disable specific holiday (Christmas)
const isChristmas = date.getMonth() === 11 && date.getDate() === 25
return isWeekend || isChristmas
}}
/>
</div>
)
}