How to load Scheduler (Calendar) within Accordion in WPF

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="0.1*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <accordion:SfAccordion x:Name="SfAccordion" Grid.Row="1" HorizontalAlignment="Center"  VerticalAlignment="Center" Width="500" Height="500" SelectionMode="ZeroOrMore">
        <accordion:SfAccordionItem Header="Header"/>
        <accordion:SfAccordion.HeaderTemplate>
            <DataTemplate>
                <Grid>
                    <TextBlock Text="Click to view scheduler" Foreground="Black"/>
                </Grid>
            </DataTemplate>
        </accordion:SfAccordion.HeaderTemplate>
        <accordion:SfAccordion.ContentTemplate>
            <DataTemplate>
                <Grid>
                    <syncfusion:SfScheduler/>
                </Grid>
            </DataTemplate>
        </accordion:SfAccordion.ContentTemplate>
    </accordion:SfAccordion>
</Grid>