NgScheduler — Day and week scheduler

<div class="toolbar">
<NgButton OnClick="()=>readOnly=!readOnly">Toggle editing lock</NgButton>
<NgButton OnClick="()=>navigationReadOnly=!navigationReadOnly">Toggle navigation lock</NgButton>
<NgButton OnClick="()=>accept=!accept">Toggle acceptance</NgButton>
<NgButton OnClick="()=>firstDay=firstDay==1?7:1">Toggle week start</NgButton>
<NgButton OnClick="()=>empty=!empty">Toggle events</NgButton>
<NgButton OnClick="Reset">Reset date</NgButton>
</div>
<p>Editing @(readOnly?"locked":"enabled") · Navigation @(navigationReadOnly?"locked":"enabled") · Proposals @(accept?"accepted":"rejected") · Week starts @(firstDay==1?"Monday":"Sunday")</p>
<NgScheduler Date="date" DateChanged="d=>{if(accept)date=d;}" View="view" ViewChanged="v=>{if(accept)view=v;}" FirstDayOfWeek="firstDay" ReadOnly="readOnly" NavigationReadOnly="navigationReadOnly" Items="@(empty?[]:events)" EventLabel="EventText" EmptyText="No shifts planned" OnCreate="Create" OnEdit="Edit"/>
<p role="status">Last action: @message</p>
@code {
 private DateTime date=new(2026,10,19);
 private NgScheduleView view=NgScheduleView.Week;
 private bool readOnly,navigationReadOnly,empty,accept=true;
 private int firstDay=1;
 private string message="none";
 private NgScheduleEvent[] events=[new("review","Review",new(2026,10,19,10,0,0),new(2026,10,19,11,0,0)),new("night","Overnight",new(2026,10,19,23,0,0),new(2026,10,20,1,0,0))];
 private string EventText(NgScheduleEvent e)=>$"Shift: {e.Title}";
 private void Create(DateTime d)=>message=$"Create: {d:yyyy-MM-dd}";
 private void Edit(NgScheduleEvent e)=>message=$"Edit: {e.Title}";
 private void Reset(){date=new(2026,10,19);view=NgScheduleView.Week;}
}

DateTime date=DateTime(2026,10,19);
NgScheduleView view=NgScheduleView.week;
bool readOnly=false,navigationReadOnly=false,empty=false,accept=true;
int firstDay=1;
String message='none';
final events=[NgScheduleEvent('review','Review',DateTime(2026,10,19,10),DateTime(2026,10,19,11)),NgScheduleEvent('night','Overnight',DateTime(2026,10,19,23),DateTime(2026,10,20,1))];
Widget build(BuildContext context)=>Column(crossAxisAlignment:CrossAxisAlignment.stretch,children:[
 Wrap(spacing:8,runSpacing:8,children:[
  NgButton(onPressed:()=>setState(()=>readOnly=!readOnly),child:const Text('Toggle editing lock')),
  NgButton(onPressed:()=>setState(()=>navigationReadOnly=!navigationReadOnly),child:const Text('Toggle navigation lock')),
  NgButton(onPressed:()=>setState(()=>accept=!accept),child:const Text('Toggle acceptance')),
  NgButton(onPressed:()=>setState(()=>firstDay=firstDay==1?7:1),child:const Text('Toggle week start')),
  NgButton(onPressed:()=>setState(()=>empty=!empty),child:const Text('Toggle events')),
  NgButton(onPressed:()=>setState((){date=DateTime(2026,10,19);view=NgScheduleView.week;}),child:const Text('Reset date')),
 ]),
 Text('Editing ${readOnly?"locked":"enabled"} · Navigation ${navigationReadOnly?"locked":"enabled"} · Proposals ${accept?"accepted":"rejected"} · Week starts ${firstDay==1?"Monday":"Sunday"}'),
 NgScheduler(date:date,view:view,firstDayOfWeek:firstDay,readOnly:readOnly,navigationReadOnly:navigationReadOnly,items:empty?const []:events,
  onDateChanged:(d){if(accept)setState(()=>date=d);},onViewChanged:(v){if(accept)setState(()=>view=v);},
  eventLabel:(e)=>'Shift: ${e.title}',emptyText:'No shifts planned',
  onCreate:(d)=>setState(()=>message='Create: ${NgScheduler.dayText(d)}'),onEdit:(e)=>setState(()=>message='Edit: ${e.title}')),
 Text('Last action: $message'),
]);

const NgScheduler({
    super.key,
    this.label = 'Schedule',
    required this.date,
    required this.items,
    this.onDateChanged,
    this.onCreate,
    this.onEdit,
    this.view = NgScheduleView.week,
    this.onViewChanged,
    this.firstDayOfWeek = 1,
    this.readOnly = false,
    this.navigationReadOnly = false,
    this.emptyText = 'No events',
    this.eventLabel,
  });