templUI Pro coming soon

50% OFF Join Waitlist

Calendar

A date field component that allows users to enter and edit date.

TailwindCSS

Vanilla JS

package showcase

import (
	"github.com/axzilla/templui/internal/components/calendar"
	"github.com/axzilla/templui/internal/components/card"
)

templ CalendarDefault() {
	<div class="w-full max-w-sm">
		@card.Card() {
			@card.Content() {
				@calendar.Calendar()
			}
		}
	</div>
}

Installation

Install the component
```
templui add calendar
```
Add the JavaScript to your layout
```
@calendar.Script()
```
Call this template in your base layout file (e.g., in the <head> section).