CalendarMenu



-->

View All School Year (Students) School Board Community Events. 2020-21 Student Calendar 2020-21 Calendario Estudianti 2020-21 Teacher Calendar 2020-21 Board Meetings 2020-21 Attendance & Report Card Periods. Modal body text goes here. Customizable calendar menu for iOS (13.0 or later), written in Swift 5. UIControl subclass for date / week / month selection; I18n / i10n aware; Themable; Example. Run the example project: $. Ready to get started? To get started enter your school registration key. If you don't have one please ask your school for it.

With this meal planner collection from Canva, you can motivate yourself with a new template every week. Start with something simple by selecting a minimalist theme, or go wild and embrace our colorful, modern patterns.

The date picker gives you a standardized way to let users pick a localized date value using touch, mouse, or keyboard input.

Get the Windows UI Library

Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. For more info, see Corner radius. WinUI is a NuGet package that contains new controls and UI features for Windows apps. For more info, including installation instructions, see Windows UI Library.

Platform APIs:DatePicker class, SelectedDate property

Is this the right control?

Use a date picker to let a user pick a known date, such as a date of birth, where the context of the calendar is not important.

If the context of a calendar is important, consider using a calendar date picker or calendar view.

For more info about choosing the right date control, see the Date and time controls article.

Examples

XAML Controls Gallery

If you have the XAML Controls Gallery app installed, click here to open the app and see the DatePicker in action.

Menu

The entry point displays the chosen date, and when the user selects the entry point, a picker surface expands vertically from the middle for the user to make a selection. The date picker overlays other UI; it doesn't push other UI out of the way.

Create a date picker

This example shows how to create a simple date picker with a header.

The resulting date picker looks like this:

CalendarMenu

Formatting the date picker

By default, the date picker shows the day, month, and year. If your scenario for the date picker doesn't require all the fields, you can hide the ones you don't need. To hide a field, set its corresponding fieldVisible property to false: DayVisible, MonthVisible, or YearVisible.

Here, only the year is needed, so the day and month fields are hidden.

CalendarMenu

The string content of each ComboBox in the DatePicker is created by a DateTimeFormatter. You inform the DateTimeFormatter how to format the date value by providing a string that is either a format template or a format pattern. For more info, see the DayFormat, MonthFormat, and YearFormat properties.

Here, a format pattern is used to show the month as an integer and abbreviation. You can add literal strings to the format pattern, such as the parentheses around the month abbreviation: ({month.abbreviated}).

Free Printable Monthly Menu Planner

Date values

The date picker control has both Date/DateChanged and SelectedDate/SelectedDateChanged APIs. The difference between these is that Date is not nullable, while SelectedDate is nullable.

The value of SelectedDate is used to populate the date picker and is null by default. If SelectedDate is null, the Date property is set to 12/31/1600; otherwise, the Date value is synchronized with the SelectedDate value. When SelectedDate is null, the picker is 'unset' and shows the field names instead of a date.

You can set the MinYear and MaxYear properties to restrict the date values in the picker. By default, MinYear is set to 100 years prior to the current date and MaxYear is set to 100 years past the current date.

If you set only MinYear or MaxYear, you need to ensure that a valid date range is created by the date you set and the default value of the other date; otherwise, no date will be available to select in the picker. For example, setting only yearDatePicker.MaxYear = new DateTimeOffset(new DateTime(900, 1, 1)); creates an invalid date range with the default value of MinYear.

Initializing a date value

The date properties can't be set as a XAML attribute string, because the Windows Runtime XAML parser doesn't have a conversion logic for converting strings to dates as DateTime / DateTimeOffset objects. Here are some suggested ways these objects can be defined in code and set to a date other than the current date.

  • DateTime: Instantiate a Windows.Globalization.Calendar object (it is initialized to the current date). Set Year, or call AddYears, to adjust the date. Then, call Calendar.GetDateTime and use the returned DateTime to set the date property.
  • DateTimeOffset: Call the constructor. For the inner System.DateTime, use the constructor signature. Or, construct a default DateTimeOffset (it is initialized to the current date) and call AddYears.

Another possible technique is to define a date that's available as a data object or in the data context, then set the date property as a XAML attribute that references a {Binding} markup extension that can access the date as data.

Note

For important info about date values, see DateTime and Calendar values in the Date and time controls article.

This example demonstrates setting the SelectedDate, MinYear, and MaxYear properties on different DatePicker controls.

Using the date values

To use the date value in your app, you typically use a data binding to the SelectedDate property, or handle the SelectedDateChanged event.

For an example of using a DatePicker and TimePicker together to update a single DateTime value, see Calendar, date, and time controls - Use a date picker and time picker together.

Here, you use a DatePicker to let a user select their arrival date. You handle the SelectedDateChanged event to update a DateTime instance named arrivalDateTime.

Get the sample code

Calendar/menu Board

  • XAML Controls Gallery sample - See all the XAML controls in an interactive format.

Calendar Manufacturer

Related articles

Grab & Go lunches have returned, along with fan favorite soups!

$3 per meal, 1 meal per person.
$2.50 per soup, up to 2 soups per person.
Items must be reserved by 2pm the previous day.

Calendar Menu

The Senior Center office is currently staffed between the hours of 8am and 2pm. Please call us at 413-322-5625 to reserve your items.

Seniors who cannot pick up meals from the Senior Center are encouraged to contact

Below is the menu for the week beginning April 12, 2021:

Below is the menu for the week beginning April 19, 2020:

Calendar Menu Css

This content is for decoration only skip decoration.

Calendar Manufacturing

Close window