yafowil.widget.datetime 2.0.0__py2.py3-none-any.whl

yafowil/widget/datetime/__init__.py

@@ -0,0 +1,192 @@
+from yafowil.base import factory
+from yafowil.utils import entry_point
+import os
+import webresource as wr
+
+
+resources_dir = os.path.join(os.path.dirname(__file__), 'resources')
+
+
+##############################################################################
+# vanillajs-datepicker
+##############################################################################
+
+# webresource ################################################################
+
+vanillajs_datepicker_js = wr.ScriptResource(
+    name='datepicker-js',
+    directory=os.path.join(resources_dir, 'vanillajs-datepicker'),
+    path='yafowil-datetime/vanillajs-datepicker',
+    resource='datepicker.js',
+    compressed='datepicker.min.js'
+)
+
+
+##############################################################################
+# locale
+##############################################################################
+
+# webresource ################################################################
+
+locale_de = wr.ScriptResource(
+    name='datepicker-de-js',
+    depends='datepicker-js',
+    directory=os.path.join(resources_dir, 'locales'),
+    path='yafowil-datetime/locales',
+    resource='de.js'
+)
+
+
+##############################################################################
+# Default
+##############################################################################
+
+# webresource ################################################################
+
+resources = wr.ResourceGroup(
+    name='yafowil.widget.datetime',
+    directory=resources_dir,
+    path='yafowil-datetime'
+)
+resources.add(vanillajs_datepicker_js)
+resources.add(locale_de)
+resources.add(wr.ScriptResource(
+    name='yafowil-datetime-js',
+    directory=os.path.join(resources_dir, 'default'),
+    path='yafowil-datetime/default',
+    depends=['jquery-js', 'datepicker-js'],
+    resource='widget.js',
+    compressed='widget.min.js'
+))
+resources.add(wr.StyleResource(
+    name='yafowil-datepicker-css',
+    directory=os.path.join(resources_dir, 'default'),
+    path='yafowil-datetime/default',
+    resource='datepicker.min.css'
+))
+resources.add(wr.StyleResource(
+    name='yafowil-timepicker-css',
+    directory=os.path.join(resources_dir, 'default'),
+    path='yafowil-datetime/default',
+    resource='timepicker.min.css'
+))
+
+# B/C resources ##############################################################
+
+js = [{
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'vanillajs-datepicker/datepicker.js',
+    'order': 20,
+}, {
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'locales/de.js',
+    'order': 20,
+}, {
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'default/widget.js',
+    'order': 20,
+}]
+css = [{
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'default/datepicker.min.css',
+    'order': 20,
+}, {
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'default/timepicker.min.css',
+    'order': 20,
+}]
+
+
+##############################################################################
+# Bootstrap 5
+##############################################################################
+
+# webresource ################################################################
+
+bootstrap5_resources = wr.ResourceGroup(
+    name='yafowil.widget.datetime',
+    directory=resources_dir,
+    path='yafowil-datetime'
+)
+bootstrap5_resources.add(vanillajs_datepicker_js)
+bootstrap5_resources.add(locale_de)
+bootstrap5_resources.add(wr.ScriptResource(
+    name='yafowil-datetime-js',
+    directory=os.path.join(resources_dir, 'bootstrap5'),
+    path='yafowil-datetime/bootstrap5',
+    depends=['jquery-js', 'datepicker-js'],
+    resource='widget.js',
+    compressed='widget.min.js'
+))
+bootstrap5_resources.add(wr.StyleResource(
+    name='yafowil-datepicker-css',
+    directory=os.path.join(resources_dir, 'bootstrap5'),
+    path='yafowil-datetime/bootstrap5',
+    resource='datepicker.min.css'
+))
+bootstrap5_resources.add(wr.StyleResource(
+    name='yafowil-timepicker-css',
+    directory=os.path.join(resources_dir, 'bootstrap5'),
+    path='yafowil-datetime/bootstrap5',
+    resource='timepicker.min.css'
+))
+# B/C resources ##############################################################
+
+bootstrap5_js = [{
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'vanillajs-datepicker/datepicker.js',
+    'order': 20,
+}, {
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'locales/de.js',
+    'order': 20,
+}, {
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'bootstrap5/widget.js',
+    'order': 20,
+}]
+bootstrap5_css = [{
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'bootstrap5/datepicker.min.css',
+    'order': 20,
+}, {
+    'group': 'yafowil.widget.datetime.common',
+    'resource': 'bootstrap5/timepicker.min.css',
+    'order': 20,
+}]
+
+
+##############################################################################
+# Registration
+##############################################################################
+
+@entry_point(order=10)
+def register():
+    from yafowil.widget.datetime import widget  # noqa
+
+    widget_name = 'yafowil.widget.datetime'
+
+    # Default
+    factory.register_theme(
+        'default',
+        widget_name,
+        resources_dir,
+        js=js,
+        css=css
+    )
+    factory.register_resources('default', widget_name, resources)
+
+    # Bootstrap 5
+    factory.register_theme(
+        ['bootstrap5'],
+        widget_name,
+        resources_dir,
+        js=bootstrap5_js,
+        css=bootstrap5_css
+    )
+
+    factory.register_resources(
+        ['bootstrap5'],
+        widget_name,
+        bootstrap5_resources
+    )

yafowil/widget/datetime/example.py

@@ -0,0 +1,189 @@
+from yafowil.base import factory
+import datetime
+
+
+DOC_DATE = """
+Date Picker
+-----------
+
+Date input.
+
+.. code-block:: python
+
+    date = factory('#field:datetime', props={
+        'label': 'Enter date or use date picker',
+        'required': 'Date Field is required',
+        'datepicker': True,
+    })
+"""
+
+
+def date_example():
+    form = factory('fieldset', name='yafowil.widget.datetime.date')
+    form['date'] = factory('#field:datetime', props={
+        'label': 'Enter date or use date picker',
+        'required': 'Date Field is required',
+        'datepicker': True,
+    })
+    return {
+        'widget': form,
+        'doc': DOC_DATE,
+        'title': 'Date',
+    }
+
+
+DOC_TIME = """
+Time Picker
+-----------
+
+Time input.
+
+Set the 'clock' property to either 12 or 24 hours format (defaults to 24).
+
+.. code-block:: python
+
+    time = factory('#field:time', props={
+        'label': 'Select time',
+        'required': 'Time Field is required',
+        'timepicker': True,
+        'clock': '12'
+    })
+"""
+
+
+def time_example():
+    form = factory('fieldset', name='yafowil.widget.datetime.time')
+    form['time'] = factory('#field:time', props={
+        'label': 'Select time',
+        'required': 'Time Field is required',
+        'timepicker': True,
+        'clock': '12'
+    })
+    return {
+        'widget': form,
+        'doc': DOC_TIME,
+        'title': 'Time',
+    }
+
+
+DOC_MINUTES = """
+Minutes
+-------
+
+Sets the interval for minute cells.
+
+Set the 'minutes_step' property to a number between 1 and 60 (defaults to 5).
+
+.. code-block:: python
+
+    time = factory('#field:time', props={
+        'label': 'Select time',
+        'required': 'Time Field is required',
+        'timepicker': True,
+        'clock': '24',
+        'minutes_step': '15'
+    })
+"""
+
+
+def minutes_example():
+    form = factory('fieldset', name='yafowil.widget.datetime.minutes_step')
+    form['time'] = factory('#field:time', props={
+        'label': 'Select time',
+        'required': 'Time Field is required',
+        'timepicker': True,
+        'clock': '24',
+        'minutes_step': '15'
+    })
+    return {
+        'widget': form,
+        'doc': DOC_MINUTES,
+        'title': 'Minutes'
+    }
+
+
+DOC_DATETIME = """
+Datetime Picker
+---------------
+
+Date and time input.
+
+.. code-block:: python
+
+    datetime = factory('#field:datetime', props={
+        'label': 'Enter date and time',
+        'required': 'Datetime Field is required',
+        'locale': 'de',
+        'datepicker': True,
+        'time': True,
+        'timepicker': True
+    })
+"""
+
+
+def datetime_example():
+    form = factory('fieldset', name='yafowil.widget.datetime.datetime')
+    form['datetime'] = factory('#field:datetime', props={
+        'label': 'Enter date and time',
+        'required': 'Datetime Field is required',
+        'locale': 'de',
+        'datepicker': True,
+        'time': True,
+        'timepicker': True
+    })
+    return {
+        'widget': form,
+        'doc': DOC_DATETIME,
+        'title': 'Datetime'
+    }
+
+
+DOC_DISPLAY = """
+Display Mode
+------------
+
+The widget's display mode renders the widget value inside an uneditable div.
+
+The wrapper div can receive additional classes via the ``display_class``
+widget attribute.
+
+.. code-block:: python
+
+    value = datetime.datetime.now()
+
+    datetime = factory('#field:datetime', value=value, mode='display', props={
+        'label': 'Datetime Picker in Display Mode',
+        'locale': 'de',
+        'datepicker': True,
+        'time': True,
+        'timepicker': True,
+        # 'display_class': 'my-additional-class'
+    })
+"""
+
+
+def display_example():
+    value = datetime.datetime.now()
+    form = factory('fieldset', name='yafowil.widget.datetime.display')
+    form['datetime'] = factory('#field:datetime', value=value, mode='display', props={
+        'label': 'Datetime Picker in Display Mode',
+        'locale': 'de',
+        'datepicker': True,
+        'time': True,
+        'timepicker': True
+    })
+    return {
+        'widget': form,
+        'doc': DOC_DISPLAY,
+        'title': 'Display Mode'
+    }
+
+
+def get_example():
+    return [
+        date_example(),
+        time_example(),
+        minutes_example(),
+        datetime_example(),
+        display_example()
+    ]

yafowil/widget/datetime/locales/de/LC_MESSAGES/yafowil.widget.datetime.po

@@ -0,0 +1,56 @@
+# German translations for yafowil.widget.datetime.
+# Copyright (C) 2014 ORGANIZATION
+# This file is distributed under the same license as the
+# yafowil.widget.datetime
+# project.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2014.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: yafowil.widget.datetime 1.5.2\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2025-10-28 10:11+0100\n"
+"PO-Revision-Date: 2014-04-30 18:38+0200\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: de <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1)\n"
+"Generated-By: Babel 1.3\n"
+
+#. Default: Not a valid time input.
+#: src/yafowil/widget/datetime/widget.py:41
+msgid "input_not_valid_time"
+msgstr "Eingabe ist keine gültige Zeit"
+
+#. Default: Failed to parse time input.
+#: src/yafowil/widget/datetime/widget.py:52
+msgid "failed_to_parse_time"
+msgstr "Eingabe konnte nicht als Zeiteingabe identifiziert werden"
+
+#. Default: Hours not a number.
+#: src/yafowil/widget/datetime/widget.py:61
+msgid "hours_not_a_number"
+msgstr "Stundeneingabe ist keie Zahl"
+
+#. Default: Minutes not a number.
+#: src/yafowil/widget/datetime/widget.py:69
+msgid "minutes_not_a_number"
+msgstr "Minuteneingabe ist keine Zahl"
+
+#. Default: Hours must be in range 0..23.
+#: src/yafowil/widget/datetime/widget.py:78
+msgid "invalid_hours_range"
+msgstr "Stundeneingabe nicht im gültigen Bereich 0..23"
+
+#. Default: Minutes must be in range 0..59.
+#: src/yafowil/widget/datetime/widget.py:84
+msgid "invalid_minutes_range"
+msgstr "Minuteneingabe nicht im gültigen Bereich 0..23"
+
+#. Default: Not a valid date input.
+#: src/yafowil/widget/datetime/widget.py:285
+msgid "input_not_valid_date"
+msgstr "Eingabe ist kein gültiges Datum"

yafowil/widget/datetime/locales/en/LC_MESSAGES/yafowil.widget.datetime.po

@@ -0,0 +1,56 @@
+# English translations for yafowil.widget.datetime.
+# Copyright (C) 2014 ORGANIZATION
+# This file is distributed under the same license as the
+# yafowil.widget.datetime
+# project.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2014.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: yafowil.widget.datetime 1.5.2\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2025-10-28 10:11+0100\n"
+"PO-Revision-Date: 2014-04-30 18:38+0200\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: en <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1)\n"
+"Generated-By: Babel 1.3\n"
+
+#. Default: Not a valid time input.
+#: src/yafowil/widget/datetime/widget.py:41
+msgid "input_not_valid_time"
+msgstr "Not a valid time input."
+
+#. Default: Failed to parse time input.
+#: src/yafowil/widget/datetime/widget.py:52
+msgid "failed_to_parse_time"
+msgstr "Failed to parse time input."
+
+#. Default: Hours not a number.
+#: src/yafowil/widget/datetime/widget.py:61
+msgid "hours_not_a_number"
+msgstr "Hours not a number."
+
+#. Default: Minutes not a number.
+#: src/yafowil/widget/datetime/widget.py:69
+msgid "minutes_not_a_number"
+msgstr "Minutes not a number."
+
+#. Default: Hours must be in range 0..23.
+#: src/yafowil/widget/datetime/widget.py:78
+msgid "invalid_hours_range"
+msgstr "Hours must be in range 0..23."
+
+#. Default: Minutes must be in range 0..59.
+#: src/yafowil/widget/datetime/widget.py:84
+msgid "invalid_minutes_range"
+msgstr "Minutes must be in range 0..59."
+
+#. Default: Not a valid date input.
+#: src/yafowil/widget/datetime/widget.py:285
+msgid "input_not_valid_date"
+msgstr "Not a valid date input."

yafowil/widget/datetime/locales/yafowil.widget.datetime.pot

@@ -0,0 +1,52 @@
+#
+# SOME DESCRIPTIVE TITLE
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2025.
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE 1.0\n"
+"POT-Creation-Date: 2025-10-28 10:11+0100\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Lingua 4.15.0\n"
+
+#. Default: Not a valid time input.
+#: ./src/yafowil/widget/datetime/widget.py:41
+msgid "input_not_valid_time"
+msgstr ""
+
+#. Default: Failed to parse time input.
+#: ./src/yafowil/widget/datetime/widget.py:52
+msgid "failed_to_parse_time"
+msgstr ""
+
+#. Default: Hours not a number.
+#: ./src/yafowil/widget/datetime/widget.py:61
+msgid "hours_not_a_number"
+msgstr ""
+
+#. Default: Minutes not a number.
+#: ./src/yafowil/widget/datetime/widget.py:69
+msgid "minutes_not_a_number"
+msgstr ""
+
+#. Default: Hours must be in range 0..23.
+#: ./src/yafowil/widget/datetime/widget.py:78
+msgid "invalid_hours_range"
+msgstr ""
+
+#. Default: Minutes must be in range 0..59.
+#: ./src/yafowil/widget/datetime/widget.py:84
+msgid "invalid_minutes_range"
+msgstr ""
+
+#. Default: Not a valid date input.
+#: ./src/yafowil/widget/datetime/widget.py:285
+msgid "input_not_valid_date"
+msgstr ""

yafowil/widget/datetime/resources/bootstrap5/datepicker.min.css

@@ -0,0 +1 @@
+div.datepicker{display:none}.datepicker.active{display:block}input.datepicker.form-control-sm+button.datepicker-trigger,input.timepicker.form-control-sm+button.timepicker-trigger{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.datepicker-dropdown{left:0;position:absolute;top:0;z-index:2000}.datepicker-bs-dropdown{background:none;border:0;padding:0}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-header .datepicker-title{background-color:#f8f9fa;box-shadow:inset 0 -1px 1px rgba(0,0,0,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-header .datepicker-controls{display:flex;width:300px}.datepicker-header .datepicker-controls .view-switch{flex:auto}.datepicker-header .datepicker-controls .next-btn,.datepicker-header .datepicker-controls prev-btn{padding-left:.375rem;padding-right:.375rem;width:2.25rem}.datepicker-header .datepicker-controls .next-btn.disabled,.datepicker-header .datepicker-controls prev-btn.disabled{visibility:hidden}.dateinput{width:10em}.datepicker-dropdown .datepicker-picker{box-shadow:0 .5rem 1rem rgba(0,0,0,.175)}.datepicker-picker span{-webkit-touch-callout:none;border:0;border-radius:.25rem;cursor:default;display:block;flex:1;margin-bottom:5px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-footer{background-color:#f8f9fa;box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex;width:300px}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.28571%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-footer .datepicker-controls .btn{border-radius:.2rem;font-size:.875rem;margin:calc(.375rem - 1px) .375rem;width:100%}.datepicker-view .dow{color:var(--bs-primary)}.datepicker-view .week{color:#dee2e6;font-size:.875rem;width:2.25rem}@media(max-width:22.5rem){.datepicker-view .week{width:1.96875rem}.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#f1f3f5}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:var(--bs-primary);color:#fff;font-weight:600}.datepicker-cell.disabled,.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#cdd0d4}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f8f9fa;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused,.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#f1f3f5}.datepicker-cell.today:not(.selected){background-color:#eee}.datepicker-cell.today:not(.selected):not(.disabled){color:#000}.datepicker-cell.today.focused:not(.selected){background-color:#eee}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#6c757d;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#666f76}.datepicker-cell.range{background-color:#e9ecef;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#e2e6ea}.datepicker-cell.range.disabled{color:#cbd3da}.datepicker-cell.range.focused{background-color:#dadfe4}[data-bs-theme=dark] .datepicker-cell:not(.disabled):hover{background-color:#343a40;cursor:pointer}[data-bs-theme=dark] .datepicker-cell.focused:not(.selected){background-color:#495057}[data-bs-theme=dark] .datepicker-cell.selected,[data-bs-theme=dark] .datepicker-cell.selected:hover{background-color:var(--bs-primary);color:#fff;font-weight:600}[data-bs-theme=dark] .datepicker-cell.disabled,[data-bs-theme=dark] .datepicker-cell.next:not(.disabled),[data-bs-theme=dark] .datepicker-cell.prev:not(.disabled){color:#868e96}[data-bs-theme=dark] .datepicker-cell.next.selected,[data-bs-theme=dark] .datepicker-cell.prev.selected{color:#adb5bd}[data-bs-theme=dark] .datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#3f454a;border-radius:0}[data-bs-theme=dark] .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused,[data-bs-theme=dark] .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#495057}[data-bs-theme=dark] .datepicker-cell.today:not(.selected){background-color:#4e555b}[data-bs-theme=dark] .datepicker-cell.today:not(.selected):not(.disabled){color:#fff}[data-bs-theme=dark] .datepicker-cell.today.focused:not(.selected){background-color:#4e555b}[data-bs-theme=dark] .datepicker-cell.range-end:not(.selected),[data-bs-theme=dark] .datepicker-cell.range-start:not(.selected){background-color:#343a40;color:#fff}[data-bs-theme=dark] .datepicker-cell.range-end.focused:not(.selected),[data-bs-theme=dark] .datepicker-cell.range-start.focused:not(.selected){background-color:#495057}[data-bs-theme=dark] .datepicker-cell.range{background-color:#495057;border-radius:0}[data-bs-theme=dark] .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#6c757d}[data-bs-theme=dark] .datepicker-cell.range.disabled{color:#6c757d}[data-bs-theme=dark] .datepicker-cell.range.focused{background-color:#495057}.datepicker-cell.range-start{border-radius:.25rem 0 0 .25rem}.datepicker-cell.range-end{border-radius:0 .25rem .25rem 0}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:var(--yafowil-accent-color,#0d6efd)}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(102,176,255,.2)}.datetime-picker{display:flex;gap:15px}.datetime-picker .input-group{width:50%}

yafowil/widget/datetime/resources/bootstrap5/timepicker.min.css

@@ -0,0 +1 @@
+.timepicker-dropdown{display:none;position:absolute;z-index:1000}.timepicker-container .cell{border:2px solid transparent;border-radius:3px;cursor:pointer;display:flex;justify-content:center;padding:5px;user-select:none}.timepicker-container .cell:not(.selected):hover{background-color:#f9f9f9}.timepicker-container .cell.selected{background-color:var(--yafowil-accent-color,#0d6efd);color:var(--yafowil-accent-font-color,#fff);font-weight:600}.timepicker-container .cell.prev-selected,.timepicker-container .cell.selected{border-color:var(--yafowil-accent-color,#0d6efd)}.timepicker-container .timepicker-hours .hours-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.timepicker-container .timepicker-hours div.am,.timepicker-container .timepicker-hours div.pm{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}.timepicker-container .timepicker-hours div.am{border-bottom:1px solid #e7e7e7}.timepicker-container .timepicker-hours span.am,.timepicker-container .timepicker-hours span.pm{float:left;font-size:10px;font-weight:600;padding:0 6px;position:relative;top:25px}.timepicker-container .timepicker-minutes .minutes-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}[data-bs-theme=dark] .timepicker-container .cell:not(.selected):hover{background-color:#343a40}@media(max-width:575px){.timepicker-dropdown{max-width:100%}.timepicker-hours{margin-bottom:0!important}.timepicker-minutes{display:none}}@media(min-width:576px){.timepicker-hours,.timepicker-minutes{display:block!important}}