diff --git a/internal/ui/components/expense/expense.templ b/internal/ui/components/expense/expense.templ
index aa8dc8b..5b4156c 100644
--- a/internal/ui/components/expense/expense.templ
+++ b/internal/ui/components/expense/expense.templ
@@ -7,7 +7,6 @@ import (
"git.juancwu.dev/juancwu/budgit/internal/ui/components/csrf"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/input"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/tagsinput"
- "time"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/radio"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/label"
"git.juancwu.dev/juancwu/budgit/internal/ui/components/datepicker"
@@ -56,7 +55,11 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp
// Description
-
+ @label.Label(label.Props{
+ For: "description",
+ }) {
+ Description
+ }
@input.Input(input.Props{
Name: "description",
ID: "description",
@@ -65,7 +68,11 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp
// Amount
-
+ @label.Label(label.Props{
+ For: "amount",
+ }) {
+ Amount
+ }
@input.Input(input.Props{
Name: "amount",
ID: "amount",
@@ -75,23 +82,29 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp
// Date
-
+ @label.Label(label.Props{
+ For: "date",
+ }) {
+ Date
+ }
@datepicker.DatePicker(datepicker.Props{
ID: "date",
Name: "date",
- Value: time.Now(),
Attributes: templ.Attributes{"required": "true"},
})
// Tags
-
+ @label.Label(label.Props{For: "new-expense-tags"}) {
+ Tags
+ }
@tagsinput.TagsInput(tagsinput.Props{
+ ID: "new-expense-tags",
Name: "tags",
Placeholder: "Add tags (press enter)",
Attributes: templ.Attributes{"list": "available-tags"},
@@ -100,7 +113,7 @@ templ AddExpenseForm(space *model.Space, tags []*model.Tag, lists []*model.Shopp
// TODO: Shopping list items selector
@button.Button(button.Props{Type: button.TypeSubmit}) {
- Save Transaction
+ Save
}