Mini Kabibi Habibi

<local:GridDemoModule x:Class="GridDemo.GroupIntervals"
    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:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxdb="http://schemas.devexpress.com/winfx/2008/xaml/demobase"
    xmlns:local="clr-namespace:GridDemo"
    xmlns:collections="clr-namespace:System.Collections;assembly=mscorlib"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    mc:Ignorable="d" d:DesignHeight="400" d:DesignWidth="800">
    <local:GridDemoModule.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/GridDemo;component/Themes/generic.xaml"/>
            </ResourceDictionary.MergedDictionaries>
            <local:GroupIntervalData x:Key="groupIntervalData"/>
        </ResourceDictionary>
    </local:GridDemoModule.Resources>
    <dxdb:DemoModuleControl SupressGroupFramePaddingInOptions="False">
        <dxdb:DemoModuleControl.OptionsTopText>
            Group Interval Menu is available if rows are grouped by the date part of their values (month, year or range). To show this menu, right-click the header or a grouping column, and select Group Interval.
        </dxdb:DemoModuleControl.OptionsTopText>
        <dxdb:DemoModuleControl.OptionsContent>
            <StackPanel Orientation="Vertical">
                <dxe:CheckEdit IsChecked="{Binding Path=View.AllowDateTimeGroupIntervalMenu, Mode=TwoWay}" Content="Allow DateTime Group Interval Menu" Margin="0,0,0,4"/>
                <dx:GroupFrame Header="Group Mode" Margin="0,0,0,0">
                    <dxe:ListBoxEdit Background="{x:Null}" ShowBorder="False" Margin="0,0,30,0" x:Name="groupModeList" EditValueChanged="groupModeList_SelectionChanged">
                        <dxe:ListBoxEdit.StyleSettings>
                            <dxe:RadioListBoxEditStyleSettings/>
                        </dxe:ListBoxEdit.StyleSettings>
                        <dxe:ListBoxEdit.Items>
                            <sys:String>Alphabetical</sys:String>
                            <sys:String>Date: Month</sys:String>
                            <sys:String>Date: Year</sys:String>
                            <sys:String>Date: Range</sys:String>
                            <sys:String>Custom Interval</sys:String>
                        </dxe:ListBoxEdit.Items>
                    </dxe:ListBoxEdit>
                </dx:GroupFrame>
            </StackPanel>
        </dxdb:DemoModuleControl.OptionsContent>
        <dxg:GridControl Name="grid" ItemsSource="{Binding Path=Invoices, Source={StaticResource groupIntervalData}}" CustomColumnGroup="grid_CustomColumnGroup" CustomGroupDisplayText="view_CustomGroupDisplayText">
            <dxg:GridControl.Columns>
                <dxg:GridColumn x:Name="colCountry" FieldName="Country" MinWidth="30" />
                <dxg:GridColumn FieldName="City" MinWidth="30" />
                <dxg:GridColumn x:Name="colOrderDate" FieldName="OrderDate" MinWidth="30">
                    <dxg:GridColumn.EditSettings>
                        <dxe:DateEditSettings DisplayFormat="d"/>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn x:Name="colUnitPrice" FieldName="UnitPrice" MinWidth="30">
                    <dxg:GridColumn.EditSettings>
                        <dxe:TextEditSettings DisplayFormat="$0.00"/>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>
                <dxg:GridColumn FieldName="Region" MinWidth="30" />
            </dxg:GridControl.Columns>
            <dxg:GridControl.View>
                <dxg:TableView ShowGroupedColumns="True" NavigationStyle="Row" AutoWidth="True" Name="view" ShowGridMenu="view_ShowGridMenu" AllowGrouping="False"/>
            </dxg:GridControl.View>
        </dxg:GridControl>
    </dxdb:DemoModuleControl>
</local:GridDemoModule>