@lowdefy/blocks-antd 4.0.0-alpha.8 → 4.0.0-alpha.9

package/dist/blocks/Affix/Affix.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -36,7 +36,6 @@ const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#
 AffixBlock.defaultProps = blockDefaultProps;
 AffixBlock.meta = {
     category: 'container',
-    loading: false,
     icons: [],
     styles: [
         'blocks/Affix/style.less'

package/dist/blocks/Affix/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Alert/Alert.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -72,12 +72,6 @@ const AlertBlock = ({ blockId , content , events , components: { Icon  } , metho
 AlertBlock.defaultProps = blockDefaultProps;
 AlertBlock.meta = {
     category: 'container',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 40
-        }
-    },
     icons: [],
     styles: [
         'blocks/Alert/style.less'

package/dist/blocks/Alert/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/AutoComplete/AutoComplete.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -32,7 +32,6 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>/*#__PURE__*/ React.createElement(AutoComplete, {
                     id: `${blockId}_input`,
@@ -41,7 +40,7 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
                     bordered: properties.bordered,
                     className: methods.makeCssClass(properties.inputStyle),
                     defaultOpen: properties.defaultOpen,
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     placeholder: properties.placeholder || 'Type or select item',
                     allowClear: properties.allowClear !== false,
                     size: properties.size,
@@ -99,9 +98,6 @@ AutoCompleteInput.defaultProps = blockDefaultProps;
 AutoCompleteInput.meta = {
     valueType: 'string',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons
     ],

package/dist/blocks/AutoComplete/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Avatar/Avatar.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -43,9 +43,6 @@ const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , prop
 AvatarBlock.defaultProps = blockDefaultProps;
 AvatarBlock.meta = {
     category: 'display',
-    loading: {
-        type: 'SkeletonAvatar'
-    },
     icons: [],
     styles: [
         'blocks/Avatar/style.less'

package/dist/blocks/Avatar/schema.json

@@ -25,7 +25,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to use an icon in avatar.",
+        "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 use an icon in avatar.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Avatar/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Badge/Badge.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -37,7 +37,6 @@ const BadgeBlock = ({ blockId , events , content , components: { Icon  } , prope
 BadgeBlock.defaultProps = blockDefaultProps;
 BadgeBlock.meta = {
     category: 'container',
-    loading: false,
     icons: [],
     styles: [
         'blocks/Badge/style.less'

package/dist/blocks/Badge/schema.json

@@ -31,7 +31,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to use an icon in badge.",
+        "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 use an icon in badge.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Badge/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Breadcrumb/Breadcrumb.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -74,12 +74,6 @@ const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link  } , met
 BreadcrumbBlock.defaultProps = blockDefaultProps;
 BreadcrumbBlock.meta = {
     category: 'display',
-    loading: {
-        type: 'SkeletonParagraph',
-        properties: {
-            lines: 1
-        }
-    },
     icons: [],
     styles: [
         'blocks/Breadcrumb/style.less'

package/dist/blocks/Breadcrumb/schema.json

@@ -53,7 +53,7 @@
                 },
                 "icon": {
                   "type": ["string", "object"],
-                  "description": "Name of an Ant Design Icon or properties of an Icon block to use an icon in breadcrumb link.",
+                  "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 use an icon in breadcrumb link.",
                   "docs": {
                     "displayType": "icon"
                   }

package/dist/blocks/Breadcrumb/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Button/Button.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,7 +17,7 @@ import { Button } from 'antd';
 import { get, type } from '@lowdefy/helpers';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import color from '../../color.js';
-const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , methods , onClick , properties , rename ,  })=>{
+const ButtonBlock = ({ blockId , components: { Icon  } , events , loading , methods , onClick , properties , rename ,  })=>{
     const onClickActionName = get(rename, 'events.onClick', {
         default: 'onClick'
     });
@@ -34,16 +34,20 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
                 '&:hover': properties.color && {
                     backgroundColor: color(properties.color, 5),
                     borderColor: color(properties.color, 5)
+                },
+                '&:focus': properties.color && {
+                    backgroundColor: properties.color,
+                    borderColor: properties.color
                 }
             },
             properties.style, 
         ]),
-        disabled: properties.disabled || get(events, `${onClickActionName}.loading`),
+        disabled: properties.disabled || get(events, `${onClickActionName}.loading`) || loading,
         ghost: properties.ghost,
         danger: properties.danger,
         href: properties.href,
         id: blockId,
-        loading: loading || get(events, `${onClickActionName}.loading`),
+        loading: get(events, `${onClickActionName}.loading`),
         shape: properties.shape,
         size: properties.size,
         type: get(properties, 'type', {
@@ -66,9 +70,6 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
 ButtonBlock.defaultProps = blockDefaultProps;
 ButtonBlock.meta = {
     category: 'display',
-    loading: {
-        type: 'SkeletonButton'
-    },
     icons: [],
     styles: [
         'blocks/Button/style.less'

package/dist/blocks/Button/schema.json

@@ -42,7 +42,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to use icon in button.",
+        "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 use icon in button.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Button/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/ButtonSelector/ButtonSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -32,7 +32,6 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>/*#__PURE__*/ React.createElement(Radio.Group, {
                     id: `${blockId}_input`,
@@ -45,7 +44,7 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                         },
                         properties.inputStyle, 
                     ]),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     size: properties.size,
                     buttonStyle: properties.buttonStyle ? properties.buttonStyle : 'solid',
                     onChange: (event)=>{
@@ -83,9 +82,6 @@ ButtonSelector.defaultProps = blockDefaultProps;
 ButtonSelector.meta = {
     valueType: 'any',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons
     ],

package/dist/blocks/ButtonSelector/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Card/Card.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -44,12 +44,6 @@ const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#_
 CardBlock.defaultProps = blockDefaultProps;
 CardBlock.meta = {
     category: 'container',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 80
-        }
-    },
     icons: [],
     styles: [
         'blocks/Card/style.less'

package/dist/blocks/Card/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/CheckboxSelector/CheckboxSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -32,7 +32,6 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>/*#__PURE__*/ React.createElement(Checkbox.Group, {
                     id: `${blockId}_input`,
@@ -45,7 +44,7 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
                         },
                         properties.inputStyle, 
                     ]),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     onChange: (newVal)=>{
                         const val = [];
                         newVal.forEach((nv)=>{
@@ -89,9 +88,6 @@ CheckboxSelector.defaultProps = blockDefaultProps;
 CheckboxSelector.meta = {
     valueType: 'array',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons
     ],

package/dist/blocks/CheckboxSelector/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -28,12 +28,11 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>/*#__PURE__*/ React.createElement(Checkbox, {
                     id: `${blockId}_input`,
                     checked: value,
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     className: methods.makeCssClass([
                         properties.color && {
                             '& > span.ant-checkbox-checked:not(.ant-checkbox-disabled) > span': {
@@ -65,9 +64,6 @@ CheckboxSwitch.defaultProps = blockDefaultProps;
 CheckboxSwitch.meta = {
     valueType: 'boolean',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons
     ],

package/dist/blocks/CheckboxSwitch/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Collapse/Collapse.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -85,12 +85,6 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
 CollapseBlock.defaultProps = blockDefaultProps;
 CollapseBlock.meta = {
     category: 'container',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 80
-        }
-    },
     icons: [],
     styles: [
         'blocks/Collapse/style.less'

package/dist/blocks/Collapse/schema.json

@@ -29,7 +29,7 @@
       },
       "expandIcon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block for expand icon on the right of selector.",
+        "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 for expand icon on the right of selector.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Collapse/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Comment/Comment.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -48,9 +48,6 @@ const CommentBlock = ({ blockId , components , content , properties , methods  }
 CommentBlock.defaultProps = blockDefaultProps;
 CommentBlock.meta = {
     category: 'container',
-    loading: {
-        type: 'SkeletonParagraph'
-    },
     icons: [],
     styles: [
         'blocks/Comment/style.less'

package/dist/blocks/Comment/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/ConfirmModal/ConfirmModal.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -43,8 +43,22 @@ const ConfirmModal = ({ blockId , events , content , components: { Icon  } , met
                 className: methods.makeCssClass(properties.modalStyle),
                 closable: properties.closable,
                 okText: properties.okText || 'Ok',
-                okButtonProps: properties.okButton,
-                cancelButtonProps: properties.cancelButton,
+                okButtonProps: properties.okButton && properties.okButton.icon ? {
+                    ...properties.okButton,
+                    icon: properties.okButton.icon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_ok_icon`,
+                        events: events,
+                        properties: properties.okButton.icon
+                    })
+                } : properties.okButton,
+                cancelButtonProps: properties.cancelButton && properties.cancelButton.icon ? {
+                    ...properties.cancelButton,
+                    icon: properties.cancelButton.icon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_ok_icon`,
+                        events: events,
+                        properties: properties.cancelButton.icon
+                    })
+                } : properties.cancelButton,
                 cancelText: properties.cancelText || 'Cancel',
                 centered: properties.centered || false,
                 mask: properties.mask !== undefined ? properties.mask : true,
@@ -74,7 +88,6 @@ const ConfirmModal = ({ blockId , events , content , components: { Icon  } , met
 ConfirmModal.defaultProps = blockDefaultProps;
 ConfirmModal.meta = {
     category: 'container',
-    loading: false,
     icons: [],
     styles: [
         'blocks/ConfirmModal/style.less'

package/dist/blocks/ConfirmModal/schema.json

@@ -30,7 +30,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize modal icon.",
+        "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 modal icon.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/ConfirmModal/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Content/Content.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -24,7 +24,6 @@ const ContentBlock = ({ blockId , content , methods , properties  })=>/*#__PURE_
 ContentBlock.defaultProps = blockDefaultProps;
 ContentBlock.meta = {
     category: 'container',
-    loading: false,
     icons: [],
     styles: [
         'blocks/Content/style.less'

package/dist/blocks/Content/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/ControlledList/ControlledList.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -109,7 +109,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
                             name: 'AiOutlineMinusCircle',
                             ...properties.removeItemIcon,
                             style: {
-                                paddingLeft: properties.size === 'small' ? 16 : properties.size === 'large' ? 20 : 18,
+                                paddingLeft: properties.size === 'small' ? 2 : properties.size === 'large' ? 6 : 4,
                                 fontSize: properties.size === 'small' ? 16 : properties.size === 'large' ? 20 : 18,
                                 ...properties.removeItemIcon && properties.removeItemIcon.style ? properties.removeItemIcon.style : {}
                             }
@@ -126,12 +126,6 @@ ControlledListBlock.defaultProps = blockDefaultProps;
 ControlledListBlock.meta = {
     valueType: 'array',
     category: 'list',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 80
-        }
-    },
     icons: [
         'AiOutlinePlus',
         'AiOutlineMinusCircle'

package/dist/blocks/ControlledList/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/DateRangeSelector/DateRangeSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -41,7 +41,6 @@ const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>/*#__PURE__*/ React.createElement("div", {
                     className: methods.makeCssClass({
@@ -60,7 +59,7 @@ const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading
                         },
                         properties.inputStyle
                     ]),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     disabledDate: disabledDate(properties.disabledDates),
                     format: properties.format || 'YYYY-MM-DD',
                     getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
@@ -95,9 +94,6 @@ DateRangeSelector.defaultProps = blockDefaultProps;
 DateRangeSelector.meta = {
     valueType: 'array',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons,
         'AiOutlineCalendar'