Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 17:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

[docs]: Update documentation for Date-Range Picker Component #11178

Browse source
This commit is contained in:
nilaygit-10721 2024-11-07 23:26:16 +05:30
parent 2d43da5a47
commit d2af81630b
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
docs/docs/widgets/date-range-picker.md
View file

@ -23,7 +23,7 @@ The **Date-Range Picker** component allows users to select a range of dates.
| <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
|:----------- |:----------- |
| On select | Triggered when a start date and end date are selected. |
| On select | Triggers whenever a start date and end date are selected in the date range picker component. |
:::info
Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@ -45,8 +45,8 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
| <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
|:----------- |:----------- |:--------- |
| endDate | This variable holds the date of the endDate selected in the component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`. |
| startDate | This variable holds the value assigned inside the `code` for the custom component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`. |
| endDate | Holds the date selected as the end date in the component. | Accessible dynamically with JS (e.g., `{{components.customcomponent1.endDate}})`. |
| startDate | Holds the date selected as the start date in the component. | Accessible dynamically with JS (e.g., `{{components.customcomponent1.startDate}})`. |
</div>
@ -63,12 +63,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
<div style={{paddingTop:'24px'}}>
## Layout
## Devices
| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
| Show on mobile | Toggle on or off to display mobile view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
</div>