taipy/doc/gui/examples/controls/date_range_styling.py

# 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")