Date range examples (#1902)

* Date range examples

* fix colors

---------

Co-authored-by: Fred Lefévère-Laoide <Fred.Lefevere-Laoide@Taipy.io>

doc/gui/examples/controls/date_range_labels.py

@@ -0,0 +1,27 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+import datetime
+
+from taipy.gui import Gui
+
+start_date = datetime.date(1756, 1, 27)
+end_date   = datetime.date(1791, 12, 5)
+dates = [start_date, end_date]
+
+page = "<|{dates}|date_range|label_start=Check-in|label_end=Check-out|>"
+
+if __name__ == "__main__":
+    Gui(page).run(title="Date Range - Custom labels")

doc/gui/examples/controls/date_range_simple.py

@@ -0,0 +1,27 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+import datetime
+
+from taipy.gui import Gui
+
+start_date = datetime.date(1756, 1, 27)
+end_date   = datetime.date(1791, 12, 5)
+dates = [start_date, end_date]
+
+page = "<|{dates}|date_range|>"
+
+if __name__ == "__main__":
+    Gui(page).run(title="Date Range - Simple")

doc/gui/examples/controls/date_range_styling.py

@@ -0,0 +1,38 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+import datetime
+
+from taipy.gui import Gui, Markdown
+
+start_date = datetime.date(1756, 1, 27)
+end_date = datetime.date(1791, 12, 5)
+dates = [start_date, end_date]
+green = {"color": "green"}
+orange = {"color": "orange"}
+
+page = Markdown(
+    "<|{dates}|date_range|label_start=Check-in|label_end=Check-out|>",
+    style={
+        ".taipy-date-range": {
+            ".taipy-date-range-picker-start": {".MuiInputBase-root": {"&": green, ".MuiIconButton-root": green}},
+            ".taipy-date-range-picker-end": {".MuiInputBase-root": {"&": orange, ".MuiIconButton-root": orange}},
+        }
+    },
+)
+
+
+if __name__ == "__main__":
+    Gui(page).run(title="Date Range - Styling")

doc/gui/examples/controls/date_range_with_time.py

@@ -0,0 +1,27 @@
+# Copyright 2021-2024 Avaiga Private Limited
+#
+# Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+#        http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
+# an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
+# specific language governing permissions and limitations under the License.
+# -----------------------------------------------------------------------------------------
+# To execute this script, make sure that the taipy-gui package is installed in your
+# Python environment and run:
+#     python <script>
+# -----------------------------------------------------------------------------------------
+import datetime
+
+from taipy.gui import Gui
+
+start_date = datetime.datetime(2023, 3, 26, 7, 37)
+end_date   = datetime.datetime(2023, 3, 26, 19, 2)
+dates = [start_date, end_date]
+
+page = "<|{dates}|date_range|with_time|>"
+
+if __name__ == "__main__":
+    Gui(page).run(title="Date Range - With time")