We have created a custom stylish date picker control that you can easily implement  either at design time or at run time.

Adding BunifuDatePicker at Design Time

Simply locate BunifuDatePicker in your toolbox and drag it it to your project form. 

That's it! You can now customize your date picker. We will elaborate custom properties later in this article. 

Adding Bunifu DatePicker at Run Time

To add Bunifu Date Picker at run time we will use our new Form’s Load event

C# code 

            Bunifu.UI.WinForms.BunifuDatePicker bunifuDatePicker = new Bunifu.UI.WinForms.BunifuDatePicker();
            bunifuDatePicker.BorderRadius = 1;
            bunifuDatePicker.DateBorderThickness = Bunifu.UI.WinForms.BunifuDatePicker.BorderThickness.Thick;
            bunifuDatePicker.DateTextAlign = Bunifu.UI.WinForms.BunifuDatePicker.TextAlign.Left;
            bunifuDatePicker.DisabledColor = System.Drawing.Color.Gray;
            bunifuDatePicker.DisplayWeekNumbers = false;
            bunifuDatePicker.DPHeight = 0;
            bunifuDatePicker.FillDatePicker = false;
            bunifuDatePicker.ForeColor = System.Drawing.Color.Purple;
            bunifuDatePicker.Icon = Image.FromFile("youricon");
            bunifuDatePicker.IconColor = System.Drawing.Color.Purple;
            bunifuDatePicker.IconLocation = Bunifu.UI.WinForms.BunifuDatePicker.Indicator.Right;
            bunifuDatePicker.Location = new System.Drawing.Point(69, 183);
            bunifuDatePicker.MinimumSize = new System.Drawing.Size(217, 32);
            bunifuDatePicker.Name = "bunifuDatePicker1";
            bunifuDatePicker.Size = new System.Drawing.Size(217, 32);
            bunifuDatePicker.TabIndex = 20;

VB.NET code

Private Sub SurroundingSub()
    Dim bunifuDatePicker As Bunifu.UI.WinForms.BunifuDatePicker = New Bunifu.UI.WinForms.BunifuDatePicker()
    bunifuDatePicker.BorderRadius = 1
    bunifuDatePicker.DateBorderThickness = Bunifu.UI.WinForms.BunifuDatePicker.BorderThickness.Thick
    bunifuDatePicker.DateTextAlign = Bunifu.UI.WinForms.BunifuDatePicker.TextAlign.Left
    bunifuDatePicker.DisabledColor = System.Drawing.Color.Gray
    bunifuDatePicker.DisplayWeekNumbers = False
    bunifuDatePicker.DPHeight = 0
    bunifuDatePicker.FillDatePicker = False
    bunifuDatePicker.ForeColor = System.Drawing.Color.Purple
    bunifuDatePicker.Icon = Image.FromFile("youricon")
    bunifuDatePicker.IconColor = System.Drawing.Color.Purple
    bunifuDatePicker.IconLocation = Bunifu.UI.WinForms.BunifuDatePicker.Indicator.Right
    bunifuDatePicker.Location = New System.Drawing.Point(69, 183)
    bunifuDatePicker.MinimumSize = New System.Drawing.Size(217, 32)
    bunifuDatePicker.Name = "bunifuDatePicker1"
    bunifuDatePicker.Size = New System.Drawing.Size(217, 32)
    bunifuDatePicker.TabIndex = 20
End Sub

Custom properties 

  • BorderRadius -Gets or Sets the border radius of the datepicker
  • Color – Gets or Sets the color of the datepicker control
  • DateBorderThickeness – Gets or Sets the Type of border thickness of the control
  • DisplayWeekNumber – Gets or Sets the Week Display Property to true or false
  • FillDatePicker – Gets or Sets the fill type of the datepicker to true of false
  • Icon – Gets or Sets the icon of the control
  • IconColor – Gets or Sets the color of the Icon
  • IconLocation – Gets or Sets the location of the icon to Right or Left.

With some customization your datepicker should look at least something like this:

That's it!

We hope you will enjoy using BunifuDatePicker control and that it will help you create better user experience for your users. 

Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.

Did this answer your question?