improvement: give secret reminder form some love

This commit is contained in:
Scott Wilson
2025-08-25 09:13:52 -07:00
parent dc48281e6a
commit 2fda307b67
2 changed files with 15 additions and 10 deletions

View File

@@ -98,7 +98,7 @@ export const DatePicker = ({
> >
{value {value
? formatDateTime({ timestamp: value, timezone, dateFormat }) ? formatDateTime({ timestamp: value, timezone, dateFormat })
: "Pick a date and time"} : `Select Date${hideTime ? "" : " and Time"}`}
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent <PopoverContent
@@ -122,7 +122,8 @@ export const DatePicker = ({
root: `text-mineshaft-300 ${defaultClassNames}`, root: `text-mineshaft-300 ${defaultClassNames}`,
[UI.DayButton]: "p-3 rounded hover:text-mineshaft-100", [UI.DayButton]: "p-3 rounded hover:text-mineshaft-100",
[UI.Weekday]: "px-3 pt-3", [UI.Weekday]: "px-3 pt-3",
[UI.Chevron]: "fill-mineshaft-300" [UI.Chevron]: "fill-mineshaft-300/70 hover:fill-mineshaft-300",
disabled: "text-mineshaft-400 pointer-events-none"
}} }}
/> />
</div> </div>

View File

@@ -396,9 +396,11 @@ export const CreateReminderForm = ({
open: isDatePickerOpen, open: isDatePickerOpen,
onOpenChange: setIsDatePickerOpen onOpenChange: setIsDatePickerOpen
}} }}
popUpContentProps={{}} popUpContentProps={{
align: "end"
}}
hideTime hideTime
hidden={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }} disabled={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }}
/> />
</FormControl> </FormControl>
)} )}
@@ -426,9 +428,11 @@ export const CreateReminderForm = ({
open: isDatePickerOpen, open: isDatePickerOpen,
onOpenChange: setIsDatePickerOpen onOpenChange: setIsDatePickerOpen
}} }}
popUpContentProps={{}} popUpContentProps={{
align: "start"
}}
hideTime hideTime
hidden={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }} disabled={{ before: new Date(Date.now() + ONE_DAY_IN_MILLIS) }}
/> />
</FormControl> </FormControl>
</div> </div>
@@ -479,15 +483,15 @@ export const CreateReminderForm = ({
/> />
{/* Action Buttons */} {/* Action Buttons */}
<div className="flex items-center space-x-4 pt-4"> <div className="flex items-center space-x-4">
<Button <Button
isDisabled={isSubmitting} isDisabled={isSubmitting}
isLoading={isSubmitting} isLoading={isSubmitting}
className="" variant="outline_bg"
leftIcon={<FontAwesomeIcon icon={faClock} />} leftIcon={<FontAwesomeIcon icon={faClock} />}
type="submit" type="submit"
> >
{isEditMode ? "Update" : "Create"} reminder {isEditMode ? "Update" : "Create"} Reminder
</Button> </Button>
{isEditMode && ( {isEditMode && (
@@ -499,7 +503,7 @@ export const CreateReminderForm = ({
type="button" type="button"
isDisabled={isSubmitting} isDisabled={isSubmitting}
> >
Delete reminder Delete Reminder
</Button> </Button>
)} )}