Skip to content

Date Input — PAM Native UI

PAM Native UI · Android evidence

p-date-input 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
date-input
PHP facade
PDateInput
Native targets
Android · UIKit

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

Android specimen

p-date-input running in the PAM Native UI Android catalog

Interaction recording

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

p-date-input native Android interaction

Showcase profiles

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

  • Default
  • Disabled
  • Loading
  • Read Only
  • Error
  • Filled
  • Outlined
  • Underlined
  • Solo
  • Solo inverted
  • Solo filled
  • Plain
  • Hint and required
  • Multiple
  • Range
  • Landscape
  • Week Numbers
  • Adjacent Months

PHP usage

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

PDateInput::make(
    [
        'variant' => "filled",
        'accessibilityLabel' => "PDateInput preview",
        'disabled' => true,
    ],
    Text::make('Date Input'),
);

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

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

Component properties

PropertyObserved typeShowcase values
accessibilityLabelstring"PDateInput preview"
disabledbooltrue
errorbooltrue
formatstring"DD/MM/YYYY"
helperstring"This value needs attention", "Required field"
labelstring"PDateInput"
landscapebooltrue
loadingbooltrue
localestring"pt-BR"
modelValuestring"2026-07-15"
multiplebool | stringtrue, "range"
persistentHintbooltrue
readonlybooltrue
requiredbooltrue
showAdjacentMonthsbooltrue
showWeekbooltrue
variantstring"filled", "outlined", "underlined", "solo", "solo-inverted", "solo-filled"
visibleDatestring"2026-07-01"