JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <p><a href="" ng-click="showToday = true; showTomorrow = false">Left arrow</a></p>
    <p><a href="" ng-click="showTomorrow = true; showToday = false">Right arrow</a></p>
    <span ng-show="showToday">Today: {{date | date:'EEE, dd MMM yyyy'}}</span>
    <span ng-show="showTomorrow">Tomorrow: {{tomorrow | date:'EEE, dd MMM yyyy'}}</span>
</div>

JavaScript

angular.module('myApp', [])
.controller('myCtrl', function ($scope) {
    $scope.showToday = false;
    $scope.showTomorrow = false;
    
    $scope.date = new Date();   
    $scope.tomorrow = new Date();
    $scope.tomorrow.setDate($scope.tomorrow.getDate() + 1);
});