FIGR / UI TEMPLATE

Rental Availability Calendar

See equipment booking windows, servicing blocks and depot transfers.

Use this calendar screen as a reference when you design Equipment Rental & Fleet Leasing software that already has existing flows and rules. The sample names and metrics are fictional.

Rental Availability Calendar

BUILD ON THIS

Make it yours in Figr.

Explore this screen, then bring in your own product and design system to shape the next version.

Use this template ↗

At a glance

Screen

Calendar

Primary action

Reserve equipment

Pattern

calendar workflow

State

Default, Selected, Filtered, Empty, Warning, Success

Design system

Independent UI reference; no 1mg design system

What this screen helps with

See equipment booking windows, servicing blocks and depot transfers. The user needs to reserve equipment without losing the current task context.

What to look for

Areas: Fleet Overview, Assets, Bookings, Maintenance. Metrics: Assets on rent, Available equipment, Service tickets. Record fields: Asset ID, Depot, Hire account.

States to consider

Default, Selected, Filtered, Empty, Warning, Success. Also plan for access restrictions, stale values and failed saves wherever they affect this workflow.

Where it fits

Fleet Overview → Rental Availability Calendar → Reserve equipment

Patterns in this screen

calendar, filters, status, record detail

UX choices to review

Keep the chosen date, timezone and available resources in view. Show clashes before someone saves a time.

Try the main action, reserve equipment, with a sample case such as Lift SL-14 · Oct 21.

Include clear next steps when records are empty, access is restricted or a change fails to save.

Try a similar screen in Figr

Help me improve the Rental Availability Calendar workflow inside my existing product. Use our current screens, design system, business rules and user context. Explore default, selected, filtered, empty, warning, success, then give me an editable design that fits our product.

Open Figr

KEEP EXPLORING

More ways to approach your next screen.

Browse other product UI examples, compare patterns, and pick the direction that suits your product.

Explore all 500 templates ↗