react-tailwind-datepick

Installation

npm install react-tailwind-datepick

import { RtwDatepick } from "react-tailwind-datepick"

function App() {
  const [ month, monthSet ] = useState(5);
  const [ year, yearSet ] = useState(2022);
  const [ date, dateSet ] = useState(8);
  const [ dateSelected, dateSelectedSet ] = useState('');

  return (
    <div className="App">
      <header className="App-header flex justify-center items-center">
        <div className="mt-20 text-center">
          <h1 className="text-2xl mb-6">Result: {dateSelected}</h1>
          <div className="flex">
            <RtwDatepick
              onDateSelected={dateSelectedSet}
              year={year}
              month={month}
              date={date}
              onMonthChange={monthSet}
              onYearChange={yearSet}
              onDateChange={dateSet}
              iconHide={false}
              defaultEmpty={false}
              mainIcon={{
                fillColor: '#303A3F',
                className: 'w-20 h-20'
              }}
              locale="th"
              classNames={{
                l1: 'absolute top-0 left-0'
              }}
            />
          </div>
        </div>
      </header>
    </div>
  );
}

export default App;

Contribute Installation

git clone https://github.com/andreaharris-go/react-tailwind-datepick.git

cd react-tailwind-datepick

npm install

npm run build-watch

cd examples/main

npm install

npm run start

Dev URL. http://localhost:3000