Calendar — PAM Native UI

PAM Native UI · Android evidence

p-calendar rendered by the production retained-native pipeline. The specimen below is a real Physical Samsung SM-G973F Android 12 (API 31) capture at 420 dpi, not an HTML recreation.

Physical Samsung layout, route and native interaction verified

Family: Dates and time
Module: calendar
PHP facade: PCalendar
Native targets: Android · UIKit

Dates and time component rendered through the retained-native Android and UIKit pipeline.

Android specimen

p-calendar running in the PAM Native UI Android catalog

Interaction recording

The touch trace was captured from the Android application while exercising the native component.

Showcase profiles

Every profile below is rendered by the Android catalog route shown above.

Single date
Multiple dates
Date range
Limits and unavailable dates
Adjacent dates hidden
Week numbers
Monday first
Dynamic four-week month
Disabled
Read only
RTL
Success color

PHP usage

use Pam\MobileUi\Material\PCalendar;
use Pam\Native\UI\Text;

PCalendar::make(
    [
        'accessibilityLabel' => "PCalendar preview",
        'color' => "success",
        'disabled' => true,
    ],
    Text::make('Calendar'),
);

The equivalent PAM template entry point is <p-calendar>…</p-calendar>.

See the PAM Native UI guide for event, state and styling conventions, and the quality contractfor native behavior requirements.

Component properties

Property	Observed type	Showcase values
`accessibilityLabel`	string	"PCalendar preview"
`color`	string	"success"
`disabled`	bool	true
`disabledDates`	array	Structured value
`firstDayOfWeek`	int	1
`fixedWeeks`	bool	true, false
`locale`	string	"pt-BR"
`maxDate`	string	"2026-07-25"
`minDate`	string	"2026-07-05"
`modelValue`	string \| array	"2026-07-15", "2026-02-15"
`multiple`	bool \| string	true, "range"
`readOnly`	bool	true
`rtl`	bool	true
`showOutsideDays`	bool	false
`showWeek`	bool	true
`visibleDate`	string	"2026-07-01", "2026-02-01"