Coworking Day Pass

ProNew

A calendar where each click adds or removes one day, with weekends and past days blocked, a cap on days per order, removable date chips and a running total. Use this when a person buys several separate days, not one continuous range.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

maxDays10

weekdaysOnly

Guide and examples

When to use it

Use it when a person buys several separate days, not one continuous range.

Do not use it for one continuous stay; use hotel-stay-dates.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Default	Description
value / defaultValue	string[]	[]	Chosen ISO dates, sorted.
onValueChange	`(days: string[]) => void`	-	Called on every add or remove.
maxDays	number	10	Most days in one order.
price / currency	number / string	25 / USD	Price per day.
weekdaysOnly	boolean	true	Block Saturday and Sunday.

Accessibility

Each day is a calendar button; a chosen day is marked with a dot and a spoken "selected" note, because the grid shows one selection at a time.
Chips have a Remove button named with the full date. Reaching the cap is announced in a status message.

Testing

The pattern ships with a Testing Library test (coworking-day-pass.test.tsx) that covers adding and removing days, blocked weekends, the order cap and the total.