Chankya
  • Introduction
  • Getting Started
  • Start Building
  • Layouts
  • Seed Project
  • Style Customisation
  • Third Party Modules
  • UI Elements
    • Buttons
    • Progress Bar
    • Tabs
    • Accordions
    • Pagination
    • Tooltip
    • Cards
    • Social Icons
    • Typography
    • Drop down
    • Alerts
    • Carousel
    • Date picker
    • Slider
  • Components
    • List
    • Grid
  • Contact Us
    • Hire Us
  • Changelog
Powered by GitBook
On this page

Was this helpful?

  1. UI Elements

Date picker

We can provide date picker with lots of feature you can add date picker easily on input elements.

<div class="form-group">
    <div class="input-group">
        <input class="form-control" placeholder="Select a date" ngx-mydatepicker name="datepicker"
        [(ngModel)]="model" [options]="dateOptions" #dp="ngx-mydatepicker" (dateChanged)="onDateChanged($event)"/>
        <span class="input-group-btn">
            <button type="button" class="btn btn-primary" (click)="dp.clearDate()">
                <i class="glyphicon glyphicon-remove"></i>
            </button>
            <button type="button" class="btn btn-primary" (click)="dp.toggleCalendar()">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
        </span>
    </div>
</div>
PreviousCarouselNextSlider

Last updated 6 years ago

Was this helpful?