juancwu/budgit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update datepickers to use new API interface for clearable date
All checks were successful
Deploy / build-and-deploy (push) Successful in 2m23s
Details

Browse source
This commit is contained in:
juancwu 2026-02-24 15:34:28 +00:00
commit 40fe5ffe20
3 changed files with 53 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

26
internal/ui/components/moneyaccount/moneyaccount.templ
View file

@ -517,8 +517,9 @@ templ AddRecurringDepositForm(spaceID string, accounts []model.MoneyAccountWithB
End Date (optional) End Date (optional)
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "rd-end-date", ID: "rd-end-date",
Name: "end_date", Name: "end_date",
Clearable: true,
}) })
</div> </div>
// Title (optional) // Title (optional)
@ -733,10 +734,11 @@ templ EditRecurringDepositForm(spaceID string, rd *model.RecurringDepositWithAcc
Start Date Start Date
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-rd-start-date-" + rd.ID, ID: "edit-rd-start-date-" + rd.ID,
Name: "start_date", Name: "start_date",
Value: rd.StartDate, Value: rd.StartDate,
Attributes: templ.Attributes{"required": "true"}, Required: true,
Clearable: true,
}) })
</div> </div>
// End Date (optional) // End Date (optional)
@ -746,14 +748,16 @@ templ EditRecurringDepositForm(spaceID string, rd *model.RecurringDepositWithAcc
} }
if rd.EndDate != nil { if rd.EndDate != nil {
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-rd-end-date-" + rd.ID, ID: "edit-rd-end-date-" + rd.ID,
Name: "end_date", Name: "end_date",
Value: *rd.EndDate, Value: *rd.EndDate,
Clearable: true,
}) })
} else { } else {
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-rd-end-date-" + rd.ID, ID: "edit-rd-end-date-" + rd.ID,
Name: "end_date", Name: "end_date",
Clearable: true,
}) })
} }
</div> </div>

33
internal/ui/components/recurring/recurring.templ
View file

@ -249,9 +249,10 @@ templ AddRecurringForm(spaceID string, tags []*model.Tag, methods []*model.Payme
Start Date Start Date
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "recurring-start-date", ID: "recurring-start-date",
Name: "start_date", Name: "start_date",
Attributes: templ.Attributes{"required": "true"}, Required: true,
Clearable: true,
}) })
</div> </div>
// End Date (optional) // End Date (optional)
@ -260,8 +261,9 @@ templ AddRecurringForm(spaceID string, tags []*model.Tag, methods []*model.Payme
End Date (optional) End Date (optional)
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "recurring-end-date", ID: "recurring-end-date",
Name: "end_date", Name: "end_date",
Clearable: true,
}) })
</div> </div>
// Tags // Tags
@ -388,10 +390,11 @@ templ EditRecurringForm(spaceID string, re *model.RecurringExpenseWithTagsAndMet
Start Date Start Date
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-recurring-start-" + re.ID, ID: "edit-recurring-start-" + re.ID,
Name: "start_date", Name: "start_date",
Value: re.StartDate, Value: re.StartDate,
Attributes: templ.Attributes{"required": "true"}, Required: true,
Clearable: true,
}) })
</div> </div>
// End Date (optional) // End Date (optional)
@ -401,14 +404,16 @@ templ EditRecurringForm(spaceID string, re *model.RecurringExpenseWithTagsAndMet
} }
if re.EndDate != nil { if re.EndDate != nil {
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-recurring-end-" + re.ID, ID: "edit-recurring-end-" + re.ID,
Name: "end_date", Name: "end_date",
Value: *re.EndDate, Value: *re.EndDate,
Clearable: true,
}) })
} else { } else {
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-recurring-end-" + re.ID, ID: "edit-recurring-end-" + re.ID,
Name: "end_date", Name: "end_date",
Clearable: true,
}) })
} }
</div> </div>

33
internal/ui/pages/app_space_budgets.templ
View file

@ -250,9 +250,10 @@ templ AddBudgetForm(spaceID string, tags []*model.Tag) {
Start Date Start Date
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "budget-start-date", ID: "budget-start-date",
Name: "start_date", Name: "start_date",
Attributes: templ.Attributes{"required": "true"}, Required: true,
Clearable: true,
}) })
</div> </div>
// End Date (optional) // End Date (optional)
@ -261,8 +262,9 @@ templ AddBudgetForm(spaceID string, tags []*model.Tag) {
End Date (optional) End Date (optional)
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "budget-end-date", ID: "budget-end-date",
Name: "end_date", Name: "end_date",
Clearable: true,
}) })
</div> </div>
<div class="flex justify-end"> <div class="flex justify-end">
@ -360,10 +362,11 @@ templ EditBudgetForm(spaceID string, b *model.BudgetWithSpent, tags []*model.Tag
Start Date Start Date
} }
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-budget-start-" + b.ID, ID: "edit-budget-start-" + b.ID,
Name: "start_date", Name: "start_date",
Value: b.StartDate, Value: b.StartDate,
Attributes: templ.Attributes{"required": "true"}, Clearable: true,
Required: true,
}) })
</div> </div>
// End Date // End Date
@ -373,14 +376,16 @@ templ EditBudgetForm(spaceID string, b *model.BudgetWithSpent, tags []*model.Tag
} }
if b.EndDate != nil { if b.EndDate != nil {
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-budget-end-" + b.ID, ID: "edit-budget-end-" + b.ID,
Name: "end_date", Name: "end_date",
Value: *b.EndDate, Value: *b.EndDate,
Clearable: true,
}) })
} else { } else {
@datepicker.DatePicker(datepicker.Props{ @datepicker.DatePicker(datepicker.Props{
ID: "edit-budget-end-" + b.ID, ID: "edit-budget-end-" + b.ID,
Name: "end_date", Name: "end_date",
Clearable: true,
}) })
} }
</div> </div>