@blockly/field-date

A Blockly date picker field that uses the Google Closure date picker (goog.ui.DatePicker).

Installation

Yarn

yarn add @blockly/field-date

npm

npm install @blockly/field-date --save

Usage

JavaScript

import * as Blockly from 'blockly';
import FieldDate from '@blockly/field-date';

Blockly.Blocks["test_fields_date"] = {
  init: function () {
    this.appendDummyInput()
      .appendField("date: ")
      .appendField(new FieldDate("2020-02-20"), "FIELDNAME");
  }
};

JSON

import * as Blockly from 'blockly';
import '@blockly/field-date';

Blockly.defineBlocksWithJsonArray([
    {
        "type": "test_fields_date",
        "message0": "date: %1",
        "args0": [
            {
                "type": "field_date",
                "name": "FIELDNAME",
                "date": "2020-02-20"
            }
        ]
    }]);

View the developer documentation for further usage examples.

License

Apache 2.0