@lowdefy/blocks-antd
Version:
Lowdefy Ant Design Blocks
184 lines (183 loc) • 5.87 kB
JSON
{
"type": "object",
"properties": {
"type": "object",
"additionalProperties": false,
"properties": {
"allowClear": {
"type": "boolean",
"default": true,
"description": "Allow the user to clear their input."
},
"autoFocus": {
"type": "boolean",
"default": false,
"description": "Autofocus to the block on page load."
},
"bordered": {
"type": "boolean",
"default": true,
"description": "Whether or not the input has a border style."
},
"disabled": {
"type": "boolean",
"default": false,
"description": "Disable the block if true."
},
"disabledDates": {
"type": "object",
"description": "Disable specific dates so that they can not be chosen.",
"properties": {
"min": {
"type": ["string", "object"],
"description": "Disable all dates less than the minimum date. Can be a date string or a _date object.",
"docs": {
"displayType": "date"
}
},
"max": {
"type": ["string", "object"],
"description": "Disable all dates greater than the maximum date. Can be a date string or a _date object.",
"docs": {
"displayType": "date"
}
},
"dates": {
"type": "array",
"description": "Array of specific dates to be disabled. Can be date strings or a _date objects.",
"items": {
"type": ["string", "object"],
"description": "Specific dates to be disabled.",
"docs": {
"displayType": "date"
}
}
},
"ranges": {
"type": "array",
"description": "Array of array pairs of start and end dates be disabled. Can be date strings or a _date objects.",
"items": {
"type": "array",
"description": "Specific date ranges to be disabled.",
"items": {
"type": ["string", "object"]
},
"docs": {
"displayType": "dateRange"
}
}
}
}
},
"format": {
"type": "string",
"default": "YYYY-wo",
"description": "Format in which to format the date value, eg. \"wo-YYYY\" will format a date value of 1999-12-26 as \"52nd-1999\". The format has to conform to moment.js formats."
},
"placeholder": {
"type": "string",
"default": "Select Week",
"description": "Placeholder text inside the block before user types input."
},
"inputStyle": {
"type": "object",
"description": "Css style to applied to input.",
"docs": {
"displayType": "yaml"
}
},
"label": {
"type": "object",
"description": "Label properties.",
"additionalProperties": false,
"properties": {
"align": {
"type": "string",
"enum": ["left", "right"],
"default": "left",
"description": "Align label left or right when inline."
},
"colon": {
"type": "boolean",
"default": true,
"description": "Append label with colon."
},
"extra": {
"type": "string",
"description": "Extra text to display beneath the content - supports html."
},
"title": {
"type": "string",
"description": "Label title - supports html."
},
"span": {
"type": "number",
"description": "Label inline span."
},
"disabled": {
"type": "boolean",
"default": false,
"description": "Hide input label."
},
"hasFeedback": {
"type": "boolean",
"default": true,
"description": "Display feedback extra from validation, this does not disable validation."
},
"inline": {
"type": "boolean",
"default": false,
"description": "Render input and label inline."
},
"extraStyle": {
"type": "object",
"description": "Css style to applied to label extra.",
"docs": {
"displayType": "yaml"
}
},
"feedbackStyle": {
"type": "object",
"description": "Css style to applied to label feedback.",
"docs": {
"displayType": "yaml"
}
}
}
},
"showToday": {
"type": "boolean",
"default": true,
"description": "Shows a button to easily select the current date if true."
},
"size": {
"type": "string",
"enum": ["small", "default", "large"],
"default": "default",
"description": "Size of the block."
},
"suffixIcon": {
"type": ["string", "object"],
"default": "AiOutlineCalendar",
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize icon at the right-hand side of the date picker.",
"docs": {
"displayType": "icon"
}
},
"title": {
"type": "string",
"description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
}
}
},
"events": {
"type": "object",
"additionalProperties": false,
"properties": {
"onChange": {
"type": "array",
"description": "Trigger action when week is changed."
}
}
}
}