beUI Pro pour mobile est disponible : 50 blocs et écrans React Native
Calendar
A production calendar workspace with responsive month and week views, searchable event categories, event details, and inline event creation.
Appointment booking
appointment-booking.tsxA booking flow with duration tabs, a sliding month calendar with availability dots and keyboard navigation, time slots in any time zone, a confirmation dialog, and a success state with calendar links and rescheduling.
Maren Kessler
Onboarding lead · Tidewell
Workspace walkthrough
A guided tour of your new workspace, tailored to how your team ships.
Meeting length
Video call
Link arrives with the invite
October 2026
| Monday | Tuesday | Wednesday | Thursday | Friday | Saturday | Sunday |
|---|---|---|---|---|---|---|
13open
Monday, October 12
"use client";
import { AppointmentBooking } from "@/components/premium/calendar-blocks";
export function AppointmentBookingPreview() {
return (
<div className="w-full px-4 py-10 sm:px-6">
<AppointmentBooking today="2026-10-12" />
</div>
);
}
Le code source est verrouillé
Obtenez un accès pour installer les composants premium et voir tout le code source.
Ouvrir le tableau de bordInstallation
Calendar planner
calendar-planner.tsxA structured calendar block with animated month and week navigation, category filters, searchable events, accessible event details, and an event creation flow.
Workspace
Calendar
Plan meetings, focus time, and deadlines in one view.
August 2026
23 visible events
"use client";
import { CalendarPlanner } from "@/components/premium/calendar-blocks";
export function CalendarPlannerPreview() {
return <CalendarPlanner initialDate={new Date(2026, 7, 18)} />;
}
Le code source est verrouillé
Obtenez un accès pour installer les composants premium et voir tout le code source.
Ouvrir le tableau de bord