@page "/"
@using Connected.Models;
@using Connected.Components;


<h1 style="text-align:center;">Component Sandbox</h1>

<Grid>
    @for (int i = 0; i < 5; i++)
    {
        int num = i;
        <GridRow>
            <GridRowContent>
                Fixed content @num.ToString()
            </GridRowContent>
            <GridRowContent Collapsable=true>
                Collapsable content @num.ToString()
            </GridRowContent>
        </GridRow>
    }
</Grid>

<p>Izbran datum je: @date</p>

<FormWizard Id="Wizard1">
    <FormWizardStep Name="Step1">
        Step1
    </FormWizardStep>
    <FormWizardStep Name="Step2">
        Step2
    </FormWizardStep>
    <FormWizardStep Name="Step3">
        Step3
    </FormWizardStep>
    <FormWizardStep Name="Step4">
        Step4
    </FormWizardStep>
</FormWizard>
<DatePicker 
CloseOnDateSelect=true
@bind-SelectedDate=@date>
 
</DatePicker>

<p>Selected date is @date.ToString()</p>

@code {
    DateTime date = DateTime.Today;
}