Skip to main content

WPF: Simple TimePicker User Control for WPF

Image
By

Hey Guys!

WPF gives us DatePicker but it doesn’t give us TimePicker. I tried to create a very simple TimePicker user control.

 

And the bumper offer is that it is free. Use it wherever you want. J

Hope this will help you a lot.

 

XAML Code:

 

<UserControl x:Class="Restaurant.Reservations.UserControls.ucDateTimeUpDown"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

             mc:Ignorable="d">

    <Grid>

        <Border BorderBrush="Black" BorderThickness=".25" />

        <StackPanel Orientation="Horizontal">

 

            <TextBlock x:Name="AddHoursTextBox"

                       MinWidth="20"

                       HorizontalAlignment="Center"

                       VerticalAlignment="Center"

                       Text="{Binding DisplayTimeHours,

                                      Mode=OneWay}"

                       TextAlignment="Center" />

            <StackPanel HorizontalAlignment="Center"

                        VerticalAlignment="Center"

                        Orientation="Vertical">

                <Button x:Name="HourUpButton" Click="HourUpButton_OnClick">

                    <Button.Template>

                        <ControlTemplate TargetType="Button">

                            <Border BorderBrush="Black" BorderThickness=".25">

                                <Viewbox Width="10" Height="10">

                                    <Image Source="{StaticResource UpImage}" />

                                </Viewbox>

                            </Border>

                        </ControlTemplate>

                    </Button.Template>

                </Button>

                <Button x:Name="HourDownButton"

                        Margin="0,-1,0,0"

                        Click="HourDownButton_OnClick">

                    <Button.Template>

                        <ControlTemplate TargetType="Button">

                            <Border BorderBrush="Black" BorderThickness=".25">

                                <Viewbox Width="10" Height="10">

                                    <Image Source="{StaticResource DownImage}" />

                                </Viewbox>

                            </Border>

                        </ControlTemplate>

                    </Button.Template>

                </Button>

            </StackPanel>

            <TextBlock Margin="3,0,0,0"

                       HorizontalAlignment="Center"

                       VerticalAlignment="Center"

                       Text="h." />

            <TextBlock Margin="3,0,0,0"

                       HorizontalAlignment="Center"

                       VerticalAlignment="Center"

                       Text=":"

                       TextAlignment="Center" />

            <TextBlock x:Name="AddMinutesTextBox"

                       MinWidth="20"

                       HorizontalAlignment="Center"

                       VerticalAlignment="Center"

                       Text="{Binding DisplayTimeMinutes,

                                      Mode=OneWay}"

                       TextAlignment="Center" />

 

            <StackPanel HorizontalAlignment="Center"

                        VerticalAlignment="Center"

                        Orientation="Vertical">

                <Button x:Name="MinutesUpButton" Click="MinutesUpButton_OnClick">

                    <Button.Template>

                        <ControlTemplate TargetType="Button">

                            <Border BorderBrush="Black" BorderThickness=".25">

                                <Viewbox Width="10" Height="10">

                                    <Image Source="{StaticResource UpImage}" />

                                </Viewbox>

                            </Border>

                        </ControlTemplate>

                    </Button.Template>

                </Button>

                <Button x:Name="MinutesDownButton"

                        Margin="0,-1,0,0"

                        Click="MinutesDownButton_OnClick">

                    <Button.Template>

                        <ControlTemplate TargetType="Button">

                            <Border BorderBrush="Black" BorderThickness="0.25">

                                <Viewbox Width="10" Height="10">

                                    <Image Source="{StaticResource DownImage}" />

                                </Viewbox>

                            </Border>

                        </ControlTemplate>

                    </Button.Template>

                </Button>

            </StackPanel>

            <TextBlock Margin="3,0,3,0"

                       HorizontalAlignment="Center"

                       VerticalAlignment="Center"

                       Text="m." />

            <ComboBox x:Name="AmPmComboBox"

                      MinWidth="45"

                      HorizontalAlignment="Center"

                      VerticalAlignment="Center"

                      BorderThickness=".25"

                      ItemsSource="{Binding AmPmTypes}"

                      SelectedItem="{Binding DisplayAmPm}" />

        </StackPanel>

 

    </Grid>

</UserControl>

 

Code behind:

 

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
 
namespace Restaurant.Reservations.UserControls
{
  /// <summary>
  /// Interaction logic for ucDateTimeUpDown.xaml
  /// </summary>
  public partial class ucDateTimeUpDown : UserControl, INotifyPropertyChanged
  {
    #region Private Member variable
 
    private DateTime _currentTime = DateTime.UtcNow;
    private bool _adHours;
    private bool _addMinutes;
    private ObservableCollection<string> _amPmTypes = new ObservableCollection<string>();
    private string _displayAmPm;
 
    


































Comments











Post a Comment




























Popular posts from this blog



















WPF-MVVM: RelayCommand Implementation












By
























  In WPF if we are implementing MVVM pattern then we need to play with Command rather than Events. You can use ICommand interface to create each command class. Implementation of ICommand in a class gives you CanExecute(), Execute() methods   which take part in the action performed by Command.       Rather than making Command Class for each Command we can implement a generic Relay Command to get Command. Below is a RelayCommand class that we will implement.               ///   <summary>        ///  To register commands in MMVM pattern        ///   </summary>        class   RelayCommands  :  ICommand       {            readonly   Action < object > _execute;            readonly   Predicate < object > _canExecute;      ...




















Post a Comment









Read more




























.Net List with Changed event












By
























Sometimes we need a List which can notify user when an item is added. Here is the way that you can implement a generic ArrayList which notifies user at the time of an element is added.   using  System; using  System.Collections;  namespace  ArchiveData.Logging {    // A delegate type for hooking up change notifications.    public   delegate   void   ChangedEventHandler ( object  sender,  EventArgs  e);     public   class   ListWithChangedEvent  :  ArrayList   {      // An event that clients can use to be notified whenever the      // elements of the list change.      public   event   ChangedEventHandler  Changed;      public   object  NewlyAddedItem {...




















Post a Comment









Read more






























What is DispatcherTimer in wpf?












By
























  DispatcherTimer   When you want to set a timer working with GUI, you always come across threading problem. The problem is that if you want to send some changes to UI that is constantly/continuously changing then that will make your UI unresponsive or in   other words it will hang your UI.       To overcome from this situation, WPF gives us DispatcherTimer threading functionality that will take care of such continuously changing processing on UI thread and that will not hang your UI.   We can accomplish same scenario in Win Form , through   System.Windows.Forms.Timer  and in WPF  it is System.Windows.Threading.DispatcherTimer .       Difference between DispatcherTimer and Regular timer (System.Timers.Timer)   DispatcherTimer is the regular timer. It fires its Tick event on the UI thread, you can do anything you want with the UI.    System.Timers.Timer is an asynchronous timer, its Elapsed event runs on a thread pool thread.    You have to be very careful in your event handler...




















Post a Comment









Read more