<drayman-year-calendar />

Year calendar.

export const component: DraymanComponent = async ({ forceUpdate }) => {

    let selectedDates = ['2025-01-01'];

    return () => {
        return (
            <div>
                <p>Selected dates count: {selectedDates.length}</p>
                <drayman-year-calendar
                    selectedDates={selectedDates}
                    year={2025}
                    onDayClick={async ({ date }) => {
                        if (selectedDates.includes(date)) {
                            selectedDates = selectedDates.filter((d) => d !== date);
                        } else {
                            selectedDates.push(date);
                        }
                        await forceUpdate();
                    }}
                />
            </div>
        );
    }
}