Want to create Component for DatePicker and TimePicker in angularJS

1.1k Views Asked by At

I am working on angular application. I want to create a component for Date and Time. I want to give user flexibility to choose Date and Time Separately, but it should be stored in one variable. I am using Bootstrap v3.3.7 and AngularJS v1.5.8

The control will be looking like this The control will be looking like this

The user should be able to load Date The user should be able to load Date

Also use should be able to select Time Also use should be able to select Time

Here is the link to Plunkr

<div class="group row">
                                    <input class="textInput form-control pick_date datepicker_input" type="text" name="date" placeholder="MM/DD/YY">
                                    <div class="calendar_icon pull-right">
                                    </div>
                                    <input class="textInput form-control timepicker_input" type="text" name="time" placeholder="HH:MM">
                                    <label class="date_label_txt dropdown_labelTxt">
                                        Embargo
                                    </label>
                                    <span class="date_input_bar"></span>
                                    <span class="time_input_bar"></span>
                                </div>

                            </div>
0

There are 0 best solutions below