CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-flatpickr

A lightweight, powerful javascript datetime picker

95

1.06x
Overview
Eval results
Files

rubric.jsonevals/scenario-5/

{
  "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-flatpickr

tile.json