Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
ToolJet/docs/docs/widgets/date-range-picker.md

40 lines
1.5 KiB
Markdown
Raw Normal View History

Intro page, more layout changes
2021-04-23 15:21:16 +00:00
# Date-range picker
[docs] Updates for widget/datasource references and screenshots (#701) * introduction gif updated with new UI * introduction * creating a new app * tutorial- datasource * adding a widget:updated * tutorial - mobile-layout * debugger * table widget reference * sharing apps: updated * datasources: rest-api * rest-api widget reference: updated the gif * gifs update debugger * redis image updated * redis image size changed * datasource airtable updated * datsource graphql gif update * black bordered gifs updated * debugger intro gif fixed * datasource Elasticsearch image * widget: table properties * added map:widget referene, and minor fixes to the table widget * button widget * widget: checkbox * widget: datepicker * widgetL date-range picker * widget: dropdown * widgets: multiselect * widgets: radio button * multi-select and radio button typo fixes * widget: star rating * widget: toggle switch * widgets sidebar_postion updated * widget:image * input text * widget: text inout * widget: textarea * widget: rich text editor * widget: modal * widget: textarea * google sheets * text/content updates * . * some text updates * Fixes Co-authored-by: navaneeth <navaneethpk@outlook.com>
2021-09-15 06:42:47 +00:00
The date-range picker widget allows users to select a range of dates.
[docs] updated widgets (#2424)
2022-03-03 15:12:10 +00:00
<div style={{textAlign: 'center'}}>
![ToolJet - Widget Reference - Date range picker](/img/widgets/date-range-picker/date-range.gif)
</div>
## Properties
### Format
The format of the date selected by the date picker. Default date format is **DD/MM/YYYY**. Date format should be followed as ISO 8601 as mentioned in the [moment documentation](https://momentjs.com/docs/).
[docs] Updates for widget/datasource references and screenshots (#701) * introduction gif updated with new UI * introduction * creating a new app * tutorial- datasource * adding a widget:updated * tutorial - mobile-layout * debugger * table widget reference * sharing apps: updated * datasources: rest-api * rest-api widget reference: updated the gif * gifs update debugger * redis image updated * redis image size changed * datasource airtable updated * datsource graphql gif update * black bordered gifs updated * debugger intro gif fixed * datasource Elasticsearch image * widget: table properties * added map:widget referene, and minor fixes to the table widget * button widget * widget: checkbox * widget: datepicker * widgetL date-range picker * widget: dropdown * widgets: multiselect * widgets: radio button * multi-select and radio button typo fixes * widget: star rating * widget: toggle switch * widgets sidebar_postion updated * widget:image * input text * widget: text inout * widget: textarea * widget: rich text editor * widget: modal * widget: textarea * google sheets * text/content updates * . * some text updates * Fixes Co-authored-by: navaneeth <navaneethpk@outlook.com>
2021-09-15 06:42:47 +00:00
[docs] updated widgets (#2424)
2022-03-03 15:12:10 +00:00
## Layout
[docs] Updates for widget/datasource references and screenshots (#701) * introduction gif updated with new UI * introduction * creating a new app * tutorial- datasource * adding a widget:updated * tutorial - mobile-layout * debugger * table widget reference * sharing apps: updated * datasources: rest-api * rest-api widget reference: updated the gif * gifs update debugger * redis image updated * redis image size changed * datasource airtable updated * datsource graphql gif update * black bordered gifs updated * debugger intro gif fixed * datasource Elasticsearch image * widget: table properties * added map:widget referene, and minor fixes to the table widget * button widget * widget: checkbox * widget: datepicker * widgetL date-range picker * widget: dropdown * widgets: multiselect * widgets: radio button * multi-select and radio button typo fixes * widget: star rating * widget: toggle switch * widgets sidebar_postion updated * widget:image * input text * widget: text inout * widget: textarea * widget: rich text editor * widget: modal * widget: textarea * google sheets * text/content updates * . * some text updates * Fixes Co-authored-by: navaneeth <navaneethpk@outlook.com>
2021-09-15 06:42:47 +00:00
[docs] updated widgets (#2424)
2022-03-03 15:12:10 +00:00
### Show on desktop
[docs] Updates for widget/datasource references and screenshots (#701) * introduction gif updated with new UI * introduction * creating a new app * tutorial- datasource * adding a widget:updated * tutorial - mobile-layout * debugger * table widget reference * sharing apps: updated * datasources: rest-api * rest-api widget reference: updated the gif * gifs update debugger * redis image updated * redis image size changed * datasource airtable updated * datsource graphql gif update * black bordered gifs updated * debugger intro gif fixed * datasource Elasticsearch image * widget: table properties * added map:widget referene, and minor fixes to the table widget * button widget * widget: checkbox * widget: datepicker * widgetL date-range picker * widget: dropdown * widgets: multiselect * widgets: radio button * multi-select and radio button typo fixes * widget: star rating * widget: toggle switch * widgets sidebar_postion updated * widget:image * input text * widget: text inout * widget: textarea * widget: rich text editor * widget: modal * widget: textarea * google sheets * text/content updates * . * some text updates * Fixes Co-authored-by: navaneeth <navaneethpk@outlook.com>
2021-09-15 06:42:47 +00:00
[docs] updated widgets (#2424)
2022-03-03 15:12:10 +00:00
Toggle on or off to display the widget in desktop view. You can programmatically determing the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}`.
### Show on mobile
[docs] Updates for widget/datasource references and screenshots (#701) * introduction gif updated with new UI * introduction * creating a new app * tutorial- datasource * adding a widget:updated * tutorial - mobile-layout * debugger * table widget reference * sharing apps: updated * datasources: rest-api * rest-api widget reference: updated the gif * gifs update debugger * redis image updated * redis image size changed * datasource airtable updated * datsource graphql gif update * black bordered gifs updated * debugger intro gif fixed * datasource Elasticsearch image * widget: table properties * added map:widget referene, and minor fixes to the table widget * button widget * widget: checkbox * widget: datepicker * widgetL date-range picker * widget: dropdown * widgets: multiselect * widgets: radio button * multi-select and radio button typo fixes * widget: star rating * widget: toggle switch * widgets sidebar_postion updated * widget:image * input text * widget: text inout * widget: textarea * widget: rich text editor * widget: modal * widget: textarea * google sheets * text/content updates * . * some text updates * Fixes Co-authored-by: navaneeth <navaneethpk@outlook.com>
2021-09-15 06:42:47 +00:00
[docs] updated widgets (#2424)
2022-03-03 15:12:10 +00:00
Toggle on or off to display the widget in mobile view. You can programmatically determing the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}`.
[docs] Updates for widget/datasource references and screenshots (#701) * introduction gif updated with new UI * introduction * creating a new app * tutorial- datasource * adding a widget:updated * tutorial - mobile-layout * debugger * table widget reference * sharing apps: updated * datasources: rest-api * rest-api widget reference: updated the gif * gifs update debugger * redis image updated * redis image size changed * datasource airtable updated * datsource graphql gif update * black bordered gifs updated * debugger intro gif fixed * datasource Elasticsearch image * widget: table properties * added map:widget referene, and minor fixes to the table widget * button widget * widget: checkbox * widget: datepicker * widgetL date-range picker * widget: dropdown * widgets: multiselect * widgets: radio button * multi-select and radio button typo fixes * widget: star rating * widget: toggle switch * widgets sidebar_postion updated * widget:image * input text * widget: text inout * widget: textarea * widget: rich text editor * widget: modal * widget: textarea * google sheets * text/content updates * . * some text updates * Fixes Co-authored-by: navaneeth <navaneethpk@outlook.com>
2021-09-15 06:42:47 +00:00
[docs] updated widgets (#2424)
2022-03-03 15:12:10 +00:00
## Styles
### Border Radius
Use this property to modify the border radius of the date range picker. The field expects only numerical value from `1` to `100`, default is `0`.
### Visibility
This is to control the visibility of the widget. If `{{false}}` the widget will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. By default, it's set to `{{true}}`.
### Disable
This property only accepts boolean values. If set to `{{true}}`, the widget will be locked and becomes non-functional. By default, its value is set to `{{false}}`.
:::info
Any property having `Fx` button next to its field can be **programmatically configured**.
:::
Reference in a new issue Copy permalink