ant-design-blazor/components/date-picker/internal/DatePickerHeader.razor
Nino Padrutt 5809c80011 feat(module: date-picker): support localization (#803)
* start trying to add a different first day of the week based on localization.

* add first day of week parameter and get weekday local  from .net

* fix some issues

* extend demo

* remove no longed needed Locale parameter

* fix range for selection

* add german localization

* add entry for API section

* remove obsolet things from the react ant documentation

* add description to chart documentation

* translate general configuration to english.

* code cleanup

* use LocalProvider to get first day of week.

* use localeprovider instead of date picker localization

* remove no longer used parameter

* delete no longer used interface

* change from enum to string due to parsing issue.

* add missing formats and use culture info from localprovider

* correct locales

* us Sunday as a default

* remove no longer used culture info parameter

* adjust locales

* add parameter for Locale instead of directly accessing it.

* add inheritance to access locale

* typo

* readd culture info parameter

* fixes for locale jsons

* adjust demo and api

* small adjustments on docs, set monday in chinese as first day of the week.

* use locale in calendar as well.

* adjust docs

* use enum

* adjust demo

* adjust for different starting date.

* add defaults for DatePickerLocale

* add short week days to locale files

* use days from locale file

* code cleanup

use consts instead of magic numbers, add code comment and use dayOfWeek As param instead of the whole locale object. Remove no longed used method.

* not sure about the chinese translation so I remove them

* Revert "not sure about the chinese translation so I remove them"

This reverts commit 54017513c7b684494cf06184b4051a4dcfc43850.
2020-11-25 11:08:12 +08:00

98 lines
3.5 KiB
C#

@namespace AntDesign.Internal
@typeparam TValue
@inherits DatePickerPanelBase<TValue>
<div class="@(PrefixCls)-header">
@if (ShowSuperPreChange)
{
<button tabindex="-1" class="@(PrefixCls)-header-super-prev-btn" @onclick="e => ChangePickerYearValue(-SuperChangeDateInterval)">
<span class="@(PrefixCls)-super-prev-icon"></span>
</button>
}
@if (ShowPreChange)
{
<button tabindex="-1" class="@(PrefixCls)-header-prev-btn" @onclick="e => ChangePickerMonthValue(-ChangeDateInterval)">
<span class="@(PrefixCls)-prev-icon"></span>
</button>
}
<div class="@(PrefixCls)-header-view">
@if (Locale.Lang.MonthBeforeYear)
{
@if (Picker.IsIn(DatePickerType.Date, DatePickerType.Week))
{
<button type="button" tabindex="-1" class="@(PrefixCls)-month-btn" @onclick="e => PopUpPicker(DatePickerType.Month)">
@(PickerValue.ToString(Locale.Lang.MonthFormat, CultureInfo))
</button>
}
@if (Picker.IsIn(DatePickerType.Date, DatePickerType.Month, DatePickerType.Quarter, DatePickerType.Week))
{
<button type="button" tabindex="-1" class="@(PrefixCls)-year-btn" @onclick="e => PopUpPicker(DatePickerType.Year)">
@(PickerValue.ToString(Locale.Lang.YearFormat, CultureInfo))
</button>
}
}
else
{
@if (Picker.IsIn(DatePickerType.Date, DatePickerType.Month, DatePickerType.Quarter, DatePickerType.Week))
{
<button type="button" tabindex="-1" class="@(PrefixCls)-year-btn" @onclick="e => PopUpPicker(DatePickerType.Year)">
@(PickerValue.ToString(Locale.Lang.YearFormat, CultureInfo))
</button>
}
@if (Picker.IsIn(DatePickerType.Date, DatePickerType.Week))
{
<button type="button" tabindex="-1" class="@(PrefixCls)-month-btn" @onclick="e => PopUpPicker(DatePickerType.Month)">
@(PickerValue.ToString(Locale.Lang.MonthFormat, CultureInfo))
</button>
}
}
@if (Picker.IsIn(DatePickerType.Year))
{
int startYear = PickerValue.Year / 10 * 10;
<button type="button" class="@(PrefixCls)-decade-btn" @onclick="e => PopUpPicker(DatePickerType.Decade)">
@(startYear)-@(startYear + 9)
</button>
}
@if (Picker.IsIn(DatePickerType.Decade))
{
int startYear = PickerValue.Year / 100 * 100;
<button type="button" class="@(PrefixCls)-decade-btn">
@(startYear)-@(startYear + 99)
</button>
}
</div>
@if (ShowNextChange)
{
<button tabindex="-1" class="@(PrefixCls)-header-next-btn" @onclick="e => ChangePickerMonthValue(ChangeDateInterval)">
<span class="@(PrefixCls)-next-icon"></span>
</button>
}
@if (ShowSuperNextChange)
{
<button tabindex="-1" class="@(PrefixCls)-header-super-next-btn" @onclick="e => ChangePickerYearValue(SuperChangeDateInterval)">
<span class="@(PrefixCls)-super-next-icon"></span>
</button>
}
</div>
@code {
[Parameter]
public int SuperChangeDateInterval { get; set; } = 1;
[Parameter]
public int ChangeDateInterval { get; set; } = 1;
[Parameter]
public bool ShowSuperPreChange { get; set; } = true;
[Parameter]
public bool ShowPreChange { get; set; } = true;
[Parameter]
public bool ShowNextChange { get; set; } = true;
[Parameter]
public bool ShowSuperNextChange { get; set; } = true;
}