beUI Pro para móvil ya está disponible: 50 bloques y pantallas de 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>
);
}
El código fuente está bloqueado
Consigue acceso para instalar componentes premium y ver todo el código fuente.
Abrir panelInstalar
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)} />;
}
El código fuente está bloqueado
Consigue acceso para instalar componentes premium y ver todo el código fuente.
Abrir panel