1.3.6 • Published 11 months ago

big-datetime-picker v1.3.6

Weekly downloads
-
License
MIT
Repository
-
Last release
11 months ago

Big DateTime Picker

A minimal datetime picker component.

Installation

You can install the package using npm:

npm install big-datetime-picker
import MinimalDateTimePicker from 'big-datetime-picker';

const dateTimePicker = new MinimalDateTimePicker({
  timeFormat: '24h', // '24h' or '12h'
  weekdays: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
  months: [
    'January', 'February', 'March', 'April', 'May', 'June',
    'July', 'August', 'September', 'October', 'November', 'December'
  ],
  onSelect: (selectedDateTime) => {
    console.log('Selected DateTime:', selectedDateTime);
  }
});

dateTimePicker.init('#datetime-input');

<input type="text" id="datetime-input" placeholder="Select date and time">

Excample

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Big DateTime Picker Example</title>
  <link rel="stylesheet" href="path/to/your/styles.css">
</head>
<body>
  <input type="text" id="datetime-input" placeholder="Select date and time">

  <script type="module">
    import MinimalDateTimePicker from 'big-datetime-picker';

    const dateTimePicker = new MinimalDateTimePicker({
      timeFormat: '24h',
      weekdays: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
      months: [
        'January', 'February', 'March', 'April', 'May', 'June',
        'July', 'August', 'September', 'October', 'November', 'December'
      ],
      onSelect: (selectedDateTime) => {
        console.log('Selected DateTime:', selectedDateTime);
      }
    });

    dateTimePicker.init('#datetime-input');
  </script>
</body>
</html>

Preview

1.3.6

11 months ago

1.3.5

11 months ago

1.3.4

11 months ago

1.3.3

11 months ago

1.3.2

11 months ago

1.3.1

11 months ago

1.3.0

11 months ago

1.2.9

11 months ago

1.2.8

11 months ago

1.2.7

11 months ago

1.2.6

11 months ago

1.2.5

11 months ago

1.2.4

11 months ago

1.2.3

11 months ago

1.2.2

11 months ago

1.2.1

11 months ago

1.2.0

11 months ago

1.1.0

11 months ago

1.0.0

11 months ago