GroupCollect 1.3.142
Form controls
Date Range Picker
Quick search...
⌘K
Storybook
Welcome
Best practices
Usage
Buttons and Links
A
Button
Button Group
Icon Button
Submit
Usage
Data Presentation
Badge
Calendar
Chip
Condensed Card
Details Card
Document Preview
Info Box
Info Box Group
Info Section
Line Item Card
Picker Card
Table
Table Card
Usage
Form controls
Checkbox
Combobox
Custom Time
Date Picker
Date Range Picker
Drag And Drop
Dropdown
Error
Error Box
Error Summary
Fieldset
Filter Date Range Picker
Input Group
Live Search
Money
Number
Password
Percentage
Phone
Radio
Search
Select
Simple Form
Text
Textarea
Toggle
Upload Zone
Upload Zone Portal Target
Usage
Frames
App Frame
Blank Form Frame
Usage
Icons and Images
Avatar
Avatar Group
Icon
Usage
Layout
Box
Center
Cluster
Hr
Responsive
Row
Stack
Stacking Cluster
Usage
Modals
Modal
Usage
Navigation
Action Menu
Breadcrumbs
Pagination
Tabs
Usage
Notifications
Flash
Tooltip
Usage
Typography
Paragraph
Typography
Usage
Utility classes
- 0.9.3
Welcome
Welcome
Usage
Best practices
Usage
A
Buttons and Links
A
Button
Buttons and Links
Button
Button Group
Buttons and Links
Button Group
Icon Button
Buttons and Links
Icon Button
Submit
Buttons and Links
Submit
Usage
Buttons and Links
Usage
Badge
Data Presentation
Badge
Calendar
Data Presentation
Calendar
Chip
Data Presentation
Chip
Condensed Card
Data Presentation
Condensed Card
Details Card
Data Presentation
Details Card
Document Preview
Data Presentation
Document Preview
Info Box
Data Presentation
Info Box
Info Box Group
Data Presentation
Info Box Group
Info Section
Data Presentation
Info Section
Line Item Card
Data Presentation
Line Item Card
Picker Card
Data Presentation
Picker Card
Table
Data Presentation
Table
Table Card
Data Presentation
Table Card
Usage
Data Presentation
Usage
Checkbox
Form controls
Checkbox
Combobox
Form controls
Combobox
Custom Time
Form controls
Custom Time
Date Picker
Form controls
Date Picker
Date Range Picker
Form controls
Date Range Picker
Drag And Drop
Form controls
Drag And Drop
Dropdown
Form controls
Dropdown
Error
Form controls
Error
Error Box
Form controls
Error Box
Error Summary
Form controls
Error Summary
Fieldset
Form controls
Fieldset
Filter Date Range Picker
Form controls
Filter Date Range Picker
Input Group
Form controls
Input Group
Live Search
Form controls
Live Search
Money
Form controls
Money
Number
Form controls
Number
Password
Form controls
Password
Percentage
Form controls
Percentage
Phone
Form controls
Phone
Radio
Form controls
Radio
Search
Form controls
Search
Select
Form controls
Select
Simple Form
Form controls
Simple Form
Text
Form controls
Text
Textarea
Form controls
Textarea
Toggle
Form controls
Toggle
Upload Zone
Form controls
Upload Zone
Upload Zone Portal Target
Form controls
Upload Zone Portal Target
Usage
Form controls
Usage
App Frame
Frames
App Frame
Blank Form Frame
Frames
Blank Form Frame
Usage
Frames
Usage
Avatar
Icons and Images
Avatar
Avatar Group
Icons and Images
Avatar Group
Icon
Icons and Images
Icon
Usage
Icons and Images
Usage
Box
Layout
Box
Center
Layout
Center
Cluster
Layout
Cluster
Hr
Layout
Hr
Responsive
Layout
Responsive
Row
Layout
Row
Stack
Layout
Stack
Stacking Cluster
Layout
Stacking Cluster
Usage
Layout
Usage
Modal
Modals
Modal
Usage
Modals
Usage
Action Menu
Navigation
Action Menu
Breadcrumbs
Navigation
Breadcrumbs
Pagination
Navigation
Pagination
Tabs
Navigation
Tabs
Usage
Navigation
Usage
Flash
Notifications
Flash
Tooltip
Notifications
Tooltip
Usage
Notifications
Usage
Paragraph
Typography
Paragraph
Typography
Typography
Typography
Usage
Typography
Usage
Visually Hidden
Utility classes
Visually Hidden
Date Range Picker
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
Departure date (mm/dd/yy)
(optional)
Return date (mm/dd/yy)
(optional)
2021
2022
2023
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
Required
id
*
:string
range_start_field_name
:string
Required
range_start_field_label
*
:string
range_start_field_mobile_label
:string
range_start_field_errors
:list
[]
range_end_field_name
:string
Required
range_end_field_label
*
:string
range_end_field_mobile_label
:string
range_end_field_errors
:list
[]
range_start
:any
range_end
:any
range_start_field
%FormField{}
a form field struct retrieved from the form, for example: @form[:email]
range_end_field
%FormField{}
a form field struct retrieved from the form, for example: @form[:email]
min_date
:any
max_date
:any
range_start_placeholder
:string
range_end_placeholder
:string
required
:boolean
false
start_field_phx_change
:any
end_field_phx_change
:any
phx_target
:any
Open a variation
Basic: Can select date range in current year upto next 2 years
With different min and max dates (2026-01-01 to 2028-10-31)
With more than 3 years of range (2026-01-01 to 2029-10-31)
With range in past (2021-01-01 to 2023-10-31)
With placeholder
With required
With different mobile label
With value
With error
With custom change
With parent form