5ad27bc196
- Lessons module: lesson types, instructors, schedule slots, enrollments, sessions (list + week grid view), lesson plans, grading scales, templates - Rate cycles: replace monthly_rate with billing_interval + billing_unit on enrollments; add weekly/monthly/quarterly rate presets to lesson types and schedule slots with auto-fill on enrollment form - Member detail page: tabbed layout for details, identity documents, enrollments - Sessions week view: custom 7-column grid replacing react-big-calendar - Music store seed: instructors, lesson types, slots, enrollments, sessions, grading scale, lesson plan template - Scrollbar styling: themed to match sidebar/app palette - deploy/: EC2 setup and redeploy scripts, nginx config, systemd service - Help: add Lessons category (overview, types, instructors, slots, enrollments, sessions, plans/grading); collapsible sidebar with independent scroll; remove POS/accounting references from docs
46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import { useForm } from 'react-hook-form'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Input } from '@/components/ui/input'
|
|
import { Label } from '@/components/ui/label'
|
|
|
|
interface Props {
|
|
onSubmit: (data: Record<string, unknown>) => void
|
|
loading?: boolean
|
|
}
|
|
|
|
export function BlockedDateForm({ onSubmit, loading }: Props) {
|
|
const { register, handleSubmit } = useForm({
|
|
defaultValues: { startDate: '', endDate: '', reason: '' },
|
|
})
|
|
|
|
function handleFormSubmit(data: { startDate: string; endDate: string; reason: string }) {
|
|
onSubmit({
|
|
startDate: data.startDate,
|
|
endDate: data.endDate,
|
|
reason: data.reason || undefined,
|
|
})
|
|
}
|
|
|
|
return (
|
|
<form onSubmit={handleSubmit(handleFormSubmit)} className="space-y-4">
|
|
<div className="grid grid-cols-2 gap-4">
|
|
<div className="space-y-2">
|
|
<Label htmlFor="bd-start">Start Date *</Label>
|
|
<Input id="bd-start" type="date" {...register('startDate')} required />
|
|
</div>
|
|
<div className="space-y-2">
|
|
<Label htmlFor="bd-end">End Date *</Label>
|
|
<Input id="bd-end" type="date" {...register('endDate')} required />
|
|
</div>
|
|
</div>
|
|
<div className="space-y-2">
|
|
<Label htmlFor="bd-reason">Reason</Label>
|
|
<Input id="bd-reason" {...register('reason')} placeholder="e.g. Vacation, Conference" />
|
|
</div>
|
|
<Button type="submit" disabled={loading} className="w-full">
|
|
{loading ? 'Saving...' : 'Add Blocked Date'}
|
|
</Button>
|
|
</form>
|
|
)
|
|
}
|