Mini Kabibi Habibi

<local:SchedulerDemoModule x:Class="SchedulerDemo.RangeControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxschcore="clr-namespace:DevExpress.XtraScheduler;assembly=DevExpress.XtraScheduler.v13.1.Core"
    xmlns:collections="clr-namespace:System.Collections;assembly=mscorlib"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxsch="http://schemas.devexpress.com/winfx/2008/xaml/scheduler"
    xmlns:local="clr-namespace:SchedulerDemo" xmlns:dxdb="http://schemas.devexpress.com/winfx/2008/xaml/demobase"
    xmlns:sys="clr-namespace:System;assembly=mscorlib">
    <dxdb:DemoModuleControl>
        <dxdb:DemoModuleControl.OptionsContent>
            <StackPanel Orientation="Vertical">
                <dx:GroupFrame Header="Scales" MinWidth="200" Margin="{DynamicResource GroupMargin}">
                    <dxe:ListBoxEdit x:Name="rblScales" Background="{x:Null}" ShowBorder="False" DisplayMember="Caption" ValueMember="ScaleType" EditValue="{Binding Path=ActiveScale, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                        <dxe:ListBoxEdit.StyleSettings>
                            <dxe:RadioListBoxEditStyleSettings />
                        </dxe:ListBoxEdit.StyleSettings>
                        <dxe:ListBoxEdit.ItemsSource>
                            <local:ScaleTypeItemList>
                                <local:ScaleTypeListItem Caption="Daily" ScaleType="Daily" />
                                <local:ScaleTypeListItem Caption="Weekly" ScaleType="Weekly" />
                            </local:ScaleTypeItemList>
                        </dxe:ListBoxEdit.ItemsSource>
                    </dxe:ListBoxEdit>
                </dx:GroupFrame>
                <dx:GroupFrame Header="Display Appointment As" MinWidth="200" Margin="{DynamicResource GroupMargin}">
                    <dxe:ListBoxEdit x:Name="viewType" Background="{x:Null}" ShowBorder="False" ValueMember="DisplayType" DisplayMember="Caption" EditValue="{Binding ElementName=scheduler, Path=OptionsRangeControl.DataDisplayType, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                        <dxe:ListBoxEdit.StyleSettings>
                            <dxe:RadioListBoxEditStyleSettings />
                        </dxe:ListBoxEdit.StyleSettings>
                        <dxe:ListBoxEdit.ItemsSource>
                            <local:RangeControlDataDisplayTypeItemList>
                                <local:RangeControlDataDisplayTypeListItem Caption="Auto" DisplayType="Auto" />
                                <local:RangeControlDataDisplayTypeListItem Caption="Thumbnail" DisplayType="Thumbnail" />
                                <local:RangeControlDataDisplayTypeListItem Caption="Number" DisplayType="Number" />
                            </local:RangeControlDataDisplayTypeItemList>
                        </dxe:ListBoxEdit.ItemsSource>
                    </dxe:ListBoxEdit>
                </dx:GroupFrame>

            </StackPanel>
        </dxdb:DemoModuleControl.OptionsContent>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="150" />
                <RowDefinition Height="20"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <dxe:RangeControl>
                <dxsch:SchedulerRangeControlClient SchedulerControl="{Binding ElementName=scheduler}"/>
            </dxe:RangeControl>
            <dxsch:SchedulerControl x:Name="scheduler" Grid.Row="2" VerticalAlignment="Stretch" ActiveViewType="WorkWeek">
            </dxsch:SchedulerControl>
        </Grid>
    </dxdb:DemoModuleControl>
</local:SchedulerDemoModule>