Offset on Date Input

[zirkler]

On type="date" you can see a offset and this very dark datepicker.

here is an example: http://codepen.io/anon/pen/cvlzA/

I am also wondering how to set the placeholder for date inputs?

Thank You.

[MattTheRed]

With an input type="date", you cannot set a placeholder value. You could overlay of a label that looks like a placeholder on top of the input while its unfocused & empty and the hide it when the user focuses on the input or it goes back to blank.

[zirkler]

has anybody done this placeholder overlay thing before?

[MattTheRed]

Try this: http://plnkr.co/edit/6uOF1V?p=preview

app.directive("datePicker", ["$document", function ($document) {
    return {
        restrict: "E",
        scope: {
            placeholder: '@',
            date: "="
        },
        template: '<input type="text" placeholder="{{placeholder}}" ng-focus="toggleDate()" ng-hide="showDateInput"><input type="date" ng-show="showDateInput">',
        link: function (scope, element) {

          scope.showDateInput = false;

          scope.toggleDate = function (){
            scope.showDateInput = !scope.showDateInput;
          }

        }
    }
}]);

[ajoslin]

Can you try this in beta.2?

[MattTheRed]

Not sure if you meant me or TheJetLag, but looks like the directive works fine in beta.2, http://plnkr.co/edit/6uOF1V?p=preview

[zirkler]

Hello,

I am getting this:

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.