JSFiddle - React, Tailwind, and code Playground

by Brijesh Trivedi

HTML

<p>Date: <input type="text" id="datepicker"></p>

CSS

select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
  .ui-datepicker-month, .ui-datepicker-year {
        border: none;
        background-color: white;
        border-color: none;
    }

JavaScript

const fullMonthNames = ['Janurary', 'Februbary', 'March', 
												'April', 'May', 'June', 'July', 'August',
                        'September', 'October', 'Novermber', 'December'];
 $(datepicker).datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: this.todayButton,
            yearRange: '-80:+0',
            monthNamesShort: fullMonthNames
  });