Front-End Input Widgets
A learning hub for richer front-end input components in Wappler, covering autocomplete, editors, tag entry, and date/time picking.
Advanced Inputs and Pickers
Use this hub when plain inputs are not enough. Start with the widget type you need, then move into suggestions, editors, tag entry, or date and time picking.
Choose an input widget
Section titled “Choose an input widget”Start with the richer input type you need, then open the focused widget tour.
Suggestions and editors
Tag entry
Tagify Component
Use Tagify for token-style input when users need to select, create, or manage multiple labels in one field.
Tagify Custom Content
Customize Tagify item and suggestion rendering so tag-heavy interfaces stay informative without turning into plain text chips.
Tagify Store New Tags
Let Tagify create new tags deliberately and store them cleanly when your data model allows user-generated labels.
Dates and scheduling
Date Range Picker with Dynamic Values
Bind a date range picker to dynamic values so filters and date-based views stay synchronized with real page state.
Date Range Picker for Insert and Update
Use date range inputs in create and edit workflows without losing the relationship between stored values and displayed ranges.
Time Picker with Date Picker
Combine date and time picking when users need one coherent schedule value instead of disconnected inputs.
Go to
Front-End Components
Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.
Forms
Bind form inputs, configure validation, and build repeatable sections using concrete Demo Projects HQ pages where possible.
Wappler Docs Index
Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.