Need help with Date Picker custom Directive

[Mahi]

i am trying to implement a date-picker directive without bootstrap to filter some data,i made simple directive for datepicker widget using jquery plugin, seems working, but adding to that i am trying to fetch dates using filters(buttons) :

                 today week month year
  datepicker_icon
                 previous ------ next

which means when i select

today button , selected date would be 22 april 2014 , previous click goes to 21 april 2014 also same for right click

week button , selected date would be 16-22 april 2014 ,previous click goes to 15-9 april 2014 also same for right click

Month button , selected date would be april 2014 ,previous click goes to march 2014 also same for right click

year button ,selected date would be 2014 ,previous 2013 also same for right click

As a start, So far i have tried to add date picker widget http://plnkr.co/edit/2sGB7yNcrCiK32YEDhct?p=preview

can any one please give me ideas to proceed with rest stuff, i am completely new to JS coding,tried with few examples in ng-modules.com, and github, but most of them are using bootstrap .

Any help much appreciated,

Thanks in advance,