orbital-date-pickers 0.1.1

Date and time picker components for Orbital
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

use leptos::prelude::*;

use crate::shared::{hour_hand_degrees, minute_hand_degrees};

use super::dial::ClockView;

#[component]
pub fn ClockPointer(
    view: Signal<ClockView>,
    draft_hour_24: Signal<u32>,
    draft_minute: Signal<u32>,
    ampm: Signal<bool>,
) -> impl IntoView {
    view! {
        {move || {
            let current_view = view.get();
            let (degrees, has_thumb) = match current_view {
                ClockView::Hours => (hour_hand_degrees(draft_hour_24.get(), ampm.get()), true),
                ClockView::Minutes => {
                    let minute = draft_minute.get();
                    (minute_hand_degrees(minute), minute.is_multiple_of(5))
                }
            };

            view! {
                <div
                    class="orb-picker-time-clock__pointer"
                    style:transform=format!("rotateZ({degrees}deg)")
                    aria-hidden="true"
                >
                    <div class="orb-picker-time-clock__pointer-line" />
                    {has_thumb.then(|| view! {
                        <div class="orb-picker-time-clock__pointer-thumb" />
                    })}
                </div>
            }
        }}
    }
}