carbon-react/lib/components/date-range/definition.js

A library of reusable React components and an interface for easily building user interfaces based on Flux.

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _ = require('./');

var _2 = _interopRequireDefault(_);

var _optionsHelper = require('../../utils/helpers/options-helper');

var _optionsHelper2 = _interopRequireDefault(_optionsHelper);

var _definition = require('./../../../demo/utils/definition');

var _definition2 = _interopRequireDefault(_definition);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var definition = new _definition2.default('date-range', _2.default, {
  description: 'Captures a start and end date.',
  designerNotes: '\n* Used to filter a Table of data according to a start and end date, or to set two dates which are related to each other, for example, a hotel booking.\n  ',
  relatedComponentsNotes: '\n* Entering or picking a single date only? [Try Date Input](/components/date-input).\n ',
  hiddenProps: ["value", "startDateProps", "endDateProps"],
  propTypes: {
    onChange: "Function",
    value: "Array",
    startLabel: "String",
    endLabel: "String",
    startMessage: "String",
    endMessage: "String",
    labelsInline: "Boolean",
    startDateProps: "Object",
    endDateProps: "Object"
  },
  propDescriptions: {
    onChange: "Callback for when either of the input values has changed. The event will be triggered with an array of 2 values.",
    value: "The value should be provided as an array of 2 values.",
    startLabel: "Provide a label for the start date input.",
    endLabel: "Provide a label for the end date input.",
    startMessage: "Provide a custom error message for the start date.",
    endMessage: "Provide a custom error message for the start date.",
    labelsInline: "Display both inputs with inline labels.",
    startDateProps: "Supply an object of additional props for the start date.",
    endDateProps: "Supply an object of additional props for the end date."
  },
  propValues: {
    value: '["2016-10-01","2016-10-30"]'
  }
});

definition.stubAction('onChange', 'value');

exports.default = definition;