Guides

Examples

A gallery of runnable patterns drawn from the suite’s own example pages. Every demo here is live — interact with it, and read the snippet that produced it.

Simple form

A date and a select inside a real form, posting standard FormData.

Submit to see the posted value…

Date + time picker

datetime · 12h · step 15
new UISuite.DateTimePicker("#appointment", {
  mode: "datetime",
  use24Hour: false,
  minuteStep: 15,
  displayFormat: "MMM D, YYYY hh:mm A",
});

Searchable select

searchable · grouped · clearable

Multi-select

multiple · tags · maxSelections: 4
new UISuite.SelectPicker("#skills", {
  options: skills,
  multiple: true,
  searchable: true,
  clearable: true,
  maxSelections: 4,
});

Large dataset

10,000 options stay smooth thanks to list virtualization.

searchable · virtualized

Dark-mode panel

A container with a pinned dark token set; both components inherit it inline.