T06c forms date and time: calendar, date, range, time and date-time pickers, month, quarter, year and week pickers, relative ranges, time zones, durations, cron editor

This commit is contained in:
ZacharyZhang-NY committed 2026-09-25 07:27:42 -04:00
1 parent e39d623b58
commit 8b418b8e80
21 files changed
+3397 -146

No files matched your search

+187
View File
@@ -0,0 +1,187 @@
use gpui::{Context, IntoElement, KeyUpEvent, Keystroke, Render, TestAppContext, Window};
use jiff::civil::{Date, Time, date, time};
use super::setup;
use crate::forms::{Calendar, DatePicker, DateRangePicker, TimePicker};
const TODAY: Date = date(2026, 9, 25);
struct Day {
value: Option<Date>,
disabled: bool,
}
impl Render for Day {
fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
let view = cx.entity();
DatePicker::new("day", self.value)
.today(TODAY)
.disabled(self.disabled)
.on_change(move |picked, _, cx| {
view.update(cx, |view, cx| {
view.value = Some(picked);
cx.notify();
})
})
}
}
#[gpui::test]
fn a_date_picker_opens_and_picks_from_the_keyboard(cx: &mut TestAppContext) {
setup(cx);
let (view, cx) = cx.add_window_view(|_, _| Day {
value: Some(date(2026, 9, 10)),
disabled: false,
});
cx.update(|window, _| window.focus_next());
cx.simulate_keystrokes("enter right enter");
assert_eq!(
view.read_with(cx, |view, _| view.value),
Some(date(2026, 9, 11))
);
}
struct Span {
value: Option<(Date, Date)>,
}
impl Render for Span {
fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
let view = cx.entity();
DateRangePicker::new("span", self.value)
.today(TODAY)
.on_change(move |picked, _, cx| {
view.update(cx, |view, cx| {
view.value = Some(picked);
cx.notify();
})
})
}
}
#[gpui::test]
fn a_range_picker_takes_two_picks_in_either_order(cx: &mut TestAppContext) {
setup(cx);
let (view, cx) = cx.add_window_view(|_, _| Span { value: None });
cx.update(|window, _| window.focus_next());
cx.simulate_keystrokes("enter enter left left enter");
assert_eq!(
view.read_with(cx, |view, _| view.value),
Some((date(2026, 9, 23), TODAY))
);
}
struct Clock {
value: Option<Time>,
}
impl Render for Clock {
fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
let view = cx.entity();
TimePicker::new("clock", self.value)
.step(15)
.on_change(move |picked, _, cx| {
view.update(cx, |view, cx| {
view.value = Some(picked);
cx.notify();
})
})
}
}
#[gpui::test]
fn a_time_picker_steps_with_the_arrows(cx: &mut TestAppContext) {
setup(cx);
let (view, cx) = cx.add_window_view(|_, _| Clock {
value: Some(time(9, 30, 0, 0)),
});
cx.update(|window, _| window.focus_next());
cx.simulate_keystrokes("enter down down");
assert_eq!(
view.read_with(cx, |view, _| view.value),
Some(time(10, 0, 0, 0))
);
}
struct Bounded {
picked: Option<Date>,
max: Option<Date>,
}
impl Render for Bounded {
fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
let view = cx.entity();
let calendar = Calendar::new("bounded").selected(TODAY).today(TODAY);
let calendar = match self.max {
Some(max) => calendar.max(max),
None => calendar,
};
calendar.on_pick(move |picked, _, cx| {
view.update(cx, |view, cx| {
view.picked = Some(picked);
cx.notify();
})
})
}
}
#[gpui::test]
fn a_calendar_refuses_days_past_its_max(cx: &mut TestAppContext) {
setup(cx);
let (view, cx) = cx.add_window_view(|_, _| Bounded {
picked: None,
max: Some(TODAY),
});
cx.update(|window, _| window.focus_next());
cx.simulate_keystrokes("right enter");
assert_eq!(view.read_with(cx, |view, _| view.picked), None);
cx.simulate_keystrokes("left enter");
assert_eq!(view.read_with(cx, |view, _| view.picked), Some(TODAY));
}
#[gpui::test]
fn a_picker_disabled_while_open_stops_picking(cx: &mut TestAppContext) {
setup(cx);
let (view, cx) = cx.add_window_view(|_, _| Day {
value: Some(date(2026, 9, 10)),
disabled: false,
});
cx.update(|window, _| window.focus_next());
cx.simulate_keystrokes("enter");
view.update(cx, |view, cx| {
view.disabled = true;
cx.notify();
});
cx.simulate_keystrokes("right enter");
assert_eq!(
view.read_with(cx, |view, _| view.value),
Some(date(2026, 9, 10))
);
}
#[gpui::test]
fn the_month_buttons_carry_the_cursor(cx: &mut TestAppContext) {
setup(cx);
let (view, cx) = cx.add_window_view(|_, _| Bounded {
picked: None,
max: None,
});
cx.update(|window, _| {
window.focus_next();
window.focus_next();
window.focus_next();
});
cx.simulate_keystrokes("enter");
cx.simulate_event(KeyUpEvent {
keystroke: Keystroke::parse("enter").unwrap(),
});
cx.update(|window, _| {
window.focus_prev();
window.focus_prev();
});
cx.simulate_keystrokes("enter");
assert_eq!(
view.read_with(cx, |view, _| view.picked),
Some(date(2026, 10, 25))
);
}