-
-
Notifications
You must be signed in to change notification settings - Fork 498
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c00f5c1
commit 8b56f2b
Showing
4 changed files
with
149 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,111 @@ | ||
{ | ||
"cells": [ | ||
{ | ||
"cell_type": "code", | ||
"execution_count": null, | ||
"metadata": {}, | ||
"outputs": [], | ||
"source": [ | ||
"import datetime as dt\n", | ||
"import panel as pn\n", | ||
"\n", | ||
"pn.extension()" | ||
] | ||
}, | ||
{ | ||
"cell_type": "markdown", | ||
"metadata": {}, | ||
"source": [ | ||
"The ``DateRangeSlider`` widget allows selecting a date range using a slider with two handles.\n", | ||
"\n", | ||
"For more information about listening to widget events and laying out widgets refer to the [widgets user guide](../../user_guide/Widgets.ipynb). Alternatively you can learn how to build GUIs by declaring parameters independently of any specific widgets in the [param user guide](../../user_guide/Param.ipynb). To express interactivity entirely using Javascript without the need for a Python server take a look at the [links user guide](../../user_guide/Param.ipynb).\n", | ||
"\n", | ||
"#### Parameters:\n", | ||
"\n", | ||
"For layout and styling related parameters see the [customization user guide](../../user_guide/Customization.ipynb).\n", | ||
"\n", | ||
"\n", | ||
"##### Core\n", | ||
"\n", | ||
"* **``start``** (datetime): The range's lower bound\n", | ||
"* **``end``** (datetime): The range's upper bound\n", | ||
"* **``step``** (int): Step in milliseconds\n", | ||
"* **``value``** (tuple): Tuple of upper and lower bounds of the selected range expressed as datetime types\n", | ||
"* **``value_throttled``** (tuple): Tuple of upper and lower bounds of the selected range expressed as datetime types throttled until mouseup\n", | ||
"\n", | ||
"##### Display\n", | ||
"\n", | ||
"* **``bar_color``** (color): Color of the slider bar as a hexadecimal RGB value\n", | ||
"* **``callback_policy``** (str, **DEPRECATED**): Policy to determine when slider events are triggered (one of 'continuous', 'throttle', 'mouseup')\n", | ||
"* **``callback_throttle``** (int): Number of milliseconds to pause between callback calls as the slider is moved\n", | ||
"* **``direction``** (str): Whether the slider should go from left to right ('ltr') or right to left ('rtl')\n", | ||
"* **``disabled``** (boolean): Whether the widget is editable\n", | ||
"* **``name``** (str): The title of the widget\n", | ||
"* **``orientation``** (str): Whether the slider should be displayed in a 'horizontal' or 'vertical' orientation.\n", | ||
"* **``tooltips``** (boolean): Whether to display tooltips on the slider handle\n", | ||
"\n", | ||
"___\n", | ||
"\n", | ||
"The slider start and end can be adjusted by dragging the handles and whole range can be shifted by dragging the selected range." | ||
] | ||
}, | ||
{ | ||
"cell_type": "code", | ||
"execution_count": null, | ||
"metadata": {}, | ||
"outputs": [], | ||
"source": [ | ||
"datetime_range_slider = pn.widgets.DatetimeRangeSlider(\n", | ||
" name='Datetime Range Slider',\n", | ||
" start=dt.datetime(2017, 1, 1), end=dt.datetime(2019, 1, 1),\n", | ||
" value=(dt.datetime(2017, 1, 1), dt.datetime(2018, 1, 10)),\n", | ||
" step=10000\n", | ||
")\n", | ||
"\n", | ||
"datetime_range_slider" | ||
] | ||
}, | ||
{ | ||
"cell_type": "markdown", | ||
"metadata": {}, | ||
"source": [ | ||
"``DatetimeRangeSlider.value`` returns a tuple of datetime values that can be read out and set like other widgets:" | ||
] | ||
}, | ||
{ | ||
"cell_type": "code", | ||
"execution_count": null, | ||
"metadata": {}, | ||
"outputs": [], | ||
"source": [ | ||
"datetime_range_slider.value" | ||
] | ||
}, | ||
{ | ||
"cell_type": "markdown", | ||
"metadata": {}, | ||
"source": [ | ||
"### Controls\n", | ||
"\n", | ||
"The `DatetimeRangeSlider` widget exposes a number of options which can be changed from both Python and Javascript. Try out the effect of these parameters interactively:" | ||
] | ||
}, | ||
{ | ||
"cell_type": "code", | ||
"execution_count": null, | ||
"metadata": {}, | ||
"outputs": [], | ||
"source": [ | ||
"pn.Row(datetime_range_slider.controls(jslink=True), datetime_range_slider)" | ||
] | ||
} | ||
], | ||
"metadata": { | ||
"language_info": { | ||
"name": "python", | ||
"pygments_lexer": "ipython3" | ||
} | ||
}, | ||
"nbformat": 4, | ||
"nbformat_minor": 4 | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters