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

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

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