A lightweight, powerful javascript datetime picker
95
{
"context": "This criteria evaluates how well the engineer uses flatpickr's monthSelect plugin to implement a month-only date picker. The focus is on correctly importing, configuring, and using the plugin to replace the default day calendar with a month selection interface.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Plugin Import",
"description": "Correctly imports the monthSelect plugin from flatpickr (e.g., from 'flatpickr/dist/plugins/monthSelect' or similar path)",
"max_score": 20
},
{
"name": "Plugin Registration",
"description": "Properly registers the monthSelect plugin in the flatpickr configuration using the 'plugins' option with an array containing the plugin instance",
"max_score": 30
},
{
"name": "Flatpickr Initialization",
"description": "Correctly initializes flatpickr on the target element using the flatpickr() constructor or function",
"max_score": 15
},
{
"name": "Date Format Configuration",
"description": "Configures the dateFormat option appropriately for month display (e.g., 'F Y' for 'Month YYYY' format)",
"max_score": 15
},
{
"name": "Default Date",
"description": "Sets the defaultDate option to initialize the picker with the current month (e.g., using 'today' or new Date())",
"max_score": 10
},
{
"name": "Plugin Functionality",
"description": "The implementation successfully displays a month grid (instead of day calendar) when the picker opens, demonstrating correct plugin usage",
"max_score": 10
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-flatpickrevals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10