@zohodesk/components 1.2.12 → 1.2.13

package/README.md

@@ -32,6 +32,11 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.2.13
+
+- Typography - Added wordBreak, wordWrapm, whiteSpace props and renamed $ui_variant to $ui_weight.
+
+- **CalendarView** - Range selection feature is provided and added in v1 folder.
 
 # 1.2.12
 

package/assets/Appearance/dark/mode/Component_DarkMode.module.css

@@ -301,6 +301,7 @@
 	--zdt_datetime_today_border: var(--zdt_cta_primary_border);
 	--zdt_datetime_today_text: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_datetime_text: hsla(220, 10.45%, calc(39.41% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_datetime_inactivedate_hover_bg: hsla(217, 23.23%, calc(19.41% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	
 	/* year view */
 	--zdt_yearview_default_bg: hsla(217, 23.08%, calc(17.84% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));

package/assets/Appearance/light/mode/Component_LightMode.module.css

@@ -301,6 +301,7 @@
 	--zdt_datetime_today_border: var(--zdt_cta_primary_border);
 	--zdt_datetime_today_text: hsla(0, 0.00%, calc(100.00% + var(--zd_light_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_datetime_text: hsla(220, 10.45%, calc(39.41% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_datetime_inactivedate_hover_bg: hsla(216, 38.46%, calc(97.45% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	
 	/* year view */
 	--zdt_yearview_default_bg: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));

package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css

@@ -301,6 +301,7 @@
 	--zdt_datetime_today_border: var(--zdt_cta_primary_border);
 	--zdt_datetime_today_text: hsla(0, 0.00%, calc(100.00% + var(--zd_pureDark_lighter_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_datetime_text: hsla(220, 10.45%, calc(39.41% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_datetime_inactivedate_hover_bg: hsla(0, 0.00%, calc(16.86% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	
 	/* year view */
 	--zdt_yearview_default_bg: hsla(0, 0.00%, calc(12.94% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));

package/coverage/Button/Button.js.html

@@ -298,7 +298,7 @@ Button.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Button/css/Button.module.css.html

@@ -1426,7 +1426,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/css/cssJSLogic.js.html

@@ -199,7 +199,7 @@ export default function cssJSLogic({ props, style }) {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/css/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Button/props/defaultProps.js.html

@@ -127,7 +127,7 @@ export const defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/props/propTypes.js.html

@@ -193,7 +193,7 @@ export default propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Buttongroup/Buttongroup.js.html

@@ -205,7 +205,7 @@ Buttongroup.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Buttongroup/Buttongroup.module.css.html

@@ -283,7 +283,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Buttongroup/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Buttongroup/props/defaultProps.js.html

@@ -88,7 +88,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Buttongroup/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Buttongroup/props/propTypes.js.html

@@ -100,7 +100,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/coverage-final.json

@@ -1,11 +1,11 @@
-{"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/Button.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/Button.js","statementMap":{"0":{"start":{"line":29,"column":6},"end":{"line":29,"column":11}},"1":{"start":{"line":31,"column":21},"end":{"line":31,"column":51}},"2":{"start":{"line":33,"column":63},"end":{"line":36,"column":4}},"3":{"start":{"line":38,"column":20},"end":{"line":38,"column":40}},"4":{"start":{"line":40,"column":2},"end":{"line":64,"column":4}},"5":{"start":{"line":67,"column":0},"end":{"line":67,"column":35}},"6":{"start":{"line":69,"column":0},"end":{"line":69,"column":29}}},"fnMap":{"0":{"name":"Button","decl":{"start":{"line":13,"column":24},"end":{"line":13,"column":30}},"loc":{"start":{"line":13,"column":38},"end":{"line":65,"column":1}},"line":13}},"branchMap":{"0":{"loc":{"start":{"line":43,"column":15},"end":{"line":43,"column":55}},"type":"cond-expr","locations":[{"start":{"line":43,"column":26},"end":{"line":43,"column":46}},{"start":{"line":43,"column":49},"end":{"line":43,"column":55}}],"line":43},"1":{"loc":{"start":{"line":44,"column":20},"end":{"line":44,"column":60}},"type":"cond-expr","locations":[{"start":{"line":44,"column":31},"end":{"line":44,"column":51}},{"start":{"line":44,"column":54},"end":{"line":44,"column":60}}],"line":44},"2":{"loc":{"start":{"line":45,"column":16},"end":{"line":45,"column":53}},"type":"binary-expr","locations":[{"start":{"line":45,"column":16},"end":{"line":45,"column":24}},{"start":{"line":45,"column":28},"end":{"line":45,"column":53}}],"line":45},"3":{"loc":{"start":{"line":55,"column":7},"end":{"line":55,"column":33}},"type":"cond-expr","locations":[{"start":{"line":55,"column":18},"end":{"line":55,"column":26}},{"start":{"line":55,"column":29},"end":{"line":55,"column":33}}],"line":55},"4":{"loc":{"start":{"line":56,"column":7},"end":{"line":62,"column":7}},"type":"binary-expr","locations":[{"start":{"line":56,"column":7},"end":{"line":56,"column":29}},{"start":{"line":56,"column":33},"end":{"line":56,"column":47}},{"start":{"line":57,"column":8},"end":{"line":61,"column":14}}],"line":56}},"s":{"0":28,"1":28,"2":28,"3":28,"4":28,"5":1,"6":1},"f":{"0":28},"b":{"0":[1,27],"1":[1,27],"2":[28,27],"3":[0,28],"4":[28,4,4]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"76b2d3caf7dc65598f732a4d9c32b9e1d639ea0b"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/css/Button.module.css": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/css/Button.module.css","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":45,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":null,"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"757cb7a39d2ebd54158da84009e5f917f03507cf"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/css/cssJSLogic.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/css/cssJSLogic.js","statementMap":{"0":{"start":{"line":4,"column":90},"end":{"line":4,"column":95}},"1":{"start":{"line":6,"column":72},"end":{"line":6,"column":83}},"2":{"start":{"line":8,"column":21},"end":{"line":8,"column":42}},"3":{"start":{"line":9,"column":20},"end":{"line":9,"column":40}},"4":{"start":{"line":11,"column":20},"end":{"line":21,"column":4}},"5":{"start":{"line":23,"column":26},"end":{"line":28,"column":4}},"6":{"start":{"line":30,"column":25},"end":{"line":36,"column":4}},"7":{"start":{"line":38,"column":2},"end":{"line":42,"column":4}}},"fnMap":{"0":{"name":"cssJSLogic","decl":{"start":{"line":3,"column":24},"end":{"line":3,"column":34}},"loc":{"start":{"line":3,"column":53},"end":{"line":43,"column":1}},"line":3}},"branchMap":{"0":{"loc":{"start":{"line":6,"column":8},"end":{"line":6,"column":25}},"type":"default-arg","locations":[{"start":{"line":6,"column":23},"end":{"line":6,"column":25}}],"line":6},"1":{"loc":{"start":{"line":6,"column":27},"end":{"line":6,"column":44}},"type":"default-arg","locations":[{"start":{"line":6,"column":42},"end":{"line":6,"column":44}}],"line":6},"2":{"loc":{"start":{"line":6,"column":46},"end":{"line":6,"column":67}},"type":"default-arg","locations":[{"start":{"line":6,"column":65},"end":{"line":6,"column":67}}],"line":6},"3":{"loc":{"start":{"line":16,"column":21},"end":{"line":16,"column":46}},"type":"binary-expr","locations":[{"start":{"line":16,"column":21},"end":{"line":16,"column":35}},{"start":{"line":16,"column":39},"end":{"line":16,"column":46}}],"line":16},"4":{"loc":{"start":{"line":17,"column":33},"end":{"line":17,"column":60}},"type":"binary-expr","locations":[{"start":{"line":17,"column":33},"end":{"line":17,"column":47}},{"start":{"line":17,"column":51},"end":{"line":17,"column":60}}],"line":17},"5":{"loc":{"start":{"line":18,"column":27},"end":{"line":18,"column":53}},"type":"binary-expr","locations":[{"start":{"line":18,"column":27},"end":{"line":18,"column":41}},{"start":{"line":18,"column":45},"end":{"line":18,"column":53}}],"line":18},"6":{"loc":{"start":{"line":19,"column":42},"end":{"line":19,"column":79}},"type":"binary-expr","locations":[{"start":{"line":19,"column":42},"end":{"line":19,"column":56}},{"start":{"line":19,"column":60},"end":{"line":19,"column":68}},{"start":{"line":19,"column":72},"end":{"line":19,"column":79}}],"line":19},"7":{"loc":{"start":{"line":20,"column":20},"end":{"line":20,"column":62}},"type":"binary-expr","locations":[{"start":{"line":20,"column":20},"end":{"line":20,"column":36}},{"start":{"line":20,"column":40},"end":{"line":20,"column":62}}],"line":20}},"s":{"0":28,"1":28,"2":28,"3":28,"4":28,"5":28,"6":28,"7":28},"f":{"0":28},"b":{"0":[27],"1":[26],"2":[27],"3":[28,27],"4":[28,27],"5":[28,27],"6":[28,27,0],"7":[28,27]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"83ad9e91c5b73e460148a0b9ce6a7423978e4318"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/props/defaultProps.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/props/defaultProps.js","statementMap":{"0":{"start":{"line":3,"column":28},"end":{"line":19,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"29f8cd18b9979ea28a3be540b99ec7f94040c961"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/props/propTypes.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/props/propTypes.js","statementMap":{"0":{"start":{"line":3,"column":25},"end":{"line":39,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"f758df13036a2ae8cbf9709be232a12d7d885745"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/Buttongroup.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/Buttongroup.js","statementMap":{"0":{"start":{"line":9,"column":82},"end":{"line":9,"column":92}},"1":{"start":{"line":10,"column":19},"end":{"line":10,"column":21}},"2":{"start":{"line":11,"column":4},"end":{"line":15,"column":9}},"3":{"start":{"line":13,"column":23},"end":{"line":13,"column":67}},"4":{"start":{"line":14,"column":8},"end":{"line":14,"column":32}},"5":{"start":{"line":16,"column":4},"end":{"line":25,"column":6}},"6":{"start":{"line":29,"column":0},"end":{"line":29,"column":40}},"7":{"start":{"line":30,"column":0},"end":{"line":30,"column":34}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":8,"column":2},"end":{"line":8,"column":3}},"loc":{"start":{"line":8,"column":11},"end":{"line":26,"column":3}},"line":8},"1":{"name":"(anonymous_1)","decl":{"start":{"line":12,"column":23},"end":{"line":12,"column":24}},"loc":{"start":{"line":12,"column":34},"end":{"line":15,"column":7}},"line":12}},"branchMap":{"0":{"loc":{"start":{"line":11,"column":4},"end":{"line":15,"column":8}},"type":"binary-expr","locations":[{"start":{"line":11,"column":4},"end":{"line":11,"column":12}},{"start":{"line":12,"column":6},"end":{"line":15,"column":8}}],"line":11},"1":{"loc":{"start":{"line":18,"column":58},"end":{"line":18,"column":88}},"type":"cond-expr","locations":[{"start":{"line":18,"column":72},"end":{"line":18,"column":83}},{"start":{"line":18,"column":86},"end":{"line":18,"column":88}}],"line":18}},"s":{"0":8,"1":8,"2":8,"3":21,"4":21,"5":8,"6":1,"7":1},"f":{"0":8,"1":21},"b":{"0":[8,7],"1":[1,7]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"106d519187109ea7b47a3fb793a79dd3a570ef24"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/Buttongroup.module.css": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/Buttongroup.module.css","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":10,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":null,"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"b19a853c5ee33a27215725a96c4e52b463fb5a91"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/props/defaultProps.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/props/defaultProps.js","statementMap":{"0":{"start":{"line":1,"column":28},"end":{"line":6,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"f95e882a39620189c3ae2039de92b99d750f1b9b"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/props/propTypes.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/props/propTypes.js","statementMap":{"0":{"start":{"line":3,"column":25},"end":{"line":10,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"93f1808b20e9dbecc64cad1b0a940262dbc7c706"}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/dummyFunction.js": {"path":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/dummyFunction.js","statementMap":{"0":{"start":{"line":1,"column":29},"end":{"line":1,"column":37}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":1,"column":29},"end":{"line":1,"column":30}},"loc":{"start":{"line":1,"column":35},"end":{"line":1,"column":37}},"line":1}},"branchMap":{},"s":{"0":1},"f":{"0":0},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"76fdc276dc63ea851de40e04f7a68b9fa37819f0"}
+{"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/Button.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/Button.js","statementMap":{"0":{"start":{"line":29,"column":6},"end":{"line":29,"column":11}},"1":{"start":{"line":31,"column":21},"end":{"line":31,"column":51}},"2":{"start":{"line":33,"column":63},"end":{"line":36,"column":4}},"3":{"start":{"line":38,"column":20},"end":{"line":38,"column":40}},"4":{"start":{"line":40,"column":2},"end":{"line":64,"column":4}},"5":{"start":{"line":67,"column":0},"end":{"line":67,"column":35}},"6":{"start":{"line":69,"column":0},"end":{"line":69,"column":29}}},"fnMap":{"0":{"name":"Button","decl":{"start":{"line":13,"column":24},"end":{"line":13,"column":30}},"loc":{"start":{"line":13,"column":38},"end":{"line":65,"column":1}},"line":13}},"branchMap":{"0":{"loc":{"start":{"line":43,"column":15},"end":{"line":43,"column":55}},"type":"cond-expr","locations":[{"start":{"line":43,"column":26},"end":{"line":43,"column":46}},{"start":{"line":43,"column":49},"end":{"line":43,"column":55}}],"line":43},"1":{"loc":{"start":{"line":44,"column":20},"end":{"line":44,"column":60}},"type":"cond-expr","locations":[{"start":{"line":44,"column":31},"end":{"line":44,"column":51}},{"start":{"line":44,"column":54},"end":{"line":44,"column":60}}],"line":44},"2":{"loc":{"start":{"line":45,"column":16},"end":{"line":45,"column":53}},"type":"binary-expr","locations":[{"start":{"line":45,"column":16},"end":{"line":45,"column":24}},{"start":{"line":45,"column":28},"end":{"line":45,"column":53}}],"line":45},"3":{"loc":{"start":{"line":55,"column":7},"end":{"line":55,"column":33}},"type":"cond-expr","locations":[{"start":{"line":55,"column":18},"end":{"line":55,"column":26}},{"start":{"line":55,"column":29},"end":{"line":55,"column":33}}],"line":55},"4":{"loc":{"start":{"line":56,"column":7},"end":{"line":62,"column":7}},"type":"binary-expr","locations":[{"start":{"line":56,"column":7},"end":{"line":56,"column":29}},{"start":{"line":56,"column":33},"end":{"line":56,"column":47}},{"start":{"line":57,"column":8},"end":{"line":61,"column":14}}],"line":56}},"s":{"0":28,"1":28,"2":28,"3":28,"4":28,"5":1,"6":1},"f":{"0":28},"b":{"0":[1,27],"1":[1,27],"2":[28,27],"3":[0,28],"4":[28,4,4]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"750b5b5fa92fbfc5fccb534d625c2c6764ed6d51"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/css/Button.module.css": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/css/Button.module.css","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":45,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":null,"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"100ca54b156191c8ec4d32a2c725b0840dbe702a"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/css/cssJSLogic.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/css/cssJSLogic.js","statementMap":{"0":{"start":{"line":4,"column":90},"end":{"line":4,"column":95}},"1":{"start":{"line":6,"column":72},"end":{"line":6,"column":83}},"2":{"start":{"line":8,"column":21},"end":{"line":8,"column":42}},"3":{"start":{"line":9,"column":20},"end":{"line":9,"column":40}},"4":{"start":{"line":11,"column":20},"end":{"line":21,"column":4}},"5":{"start":{"line":23,"column":26},"end":{"line":28,"column":4}},"6":{"start":{"line":30,"column":25},"end":{"line":36,"column":4}},"7":{"start":{"line":38,"column":2},"end":{"line":42,"column":4}}},"fnMap":{"0":{"name":"cssJSLogic","decl":{"start":{"line":3,"column":24},"end":{"line":3,"column":34}},"loc":{"start":{"line":3,"column":53},"end":{"line":43,"column":1}},"line":3}},"branchMap":{"0":{"loc":{"start":{"line":6,"column":8},"end":{"line":6,"column":25}},"type":"default-arg","locations":[{"start":{"line":6,"column":23},"end":{"line":6,"column":25}}],"line":6},"1":{"loc":{"start":{"line":6,"column":27},"end":{"line":6,"column":44}},"type":"default-arg","locations":[{"start":{"line":6,"column":42},"end":{"line":6,"column":44}}],"line":6},"2":{"loc":{"start":{"line":6,"column":46},"end":{"line":6,"column":67}},"type":"default-arg","locations":[{"start":{"line":6,"column":65},"end":{"line":6,"column":67}}],"line":6},"3":{"loc":{"start":{"line":16,"column":21},"end":{"line":16,"column":46}},"type":"binary-expr","locations":[{"start":{"line":16,"column":21},"end":{"line":16,"column":35}},{"start":{"line":16,"column":39},"end":{"line":16,"column":46}}],"line":16},"4":{"loc":{"start":{"line":17,"column":33},"end":{"line":17,"column":60}},"type":"binary-expr","locations":[{"start":{"line":17,"column":33},"end":{"line":17,"column":47}},{"start":{"line":17,"column":51},"end":{"line":17,"column":60}}],"line":17},"5":{"loc":{"start":{"line":18,"column":27},"end":{"line":18,"column":53}},"type":"binary-expr","locations":[{"start":{"line":18,"column":27},"end":{"line":18,"column":41}},{"start":{"line":18,"column":45},"end":{"line":18,"column":53}}],"line":18},"6":{"loc":{"start":{"line":19,"column":42},"end":{"line":19,"column":79}},"type":"binary-expr","locations":[{"start":{"line":19,"column":42},"end":{"line":19,"column":56}},{"start":{"line":19,"column":60},"end":{"line":19,"column":68}},{"start":{"line":19,"column":72},"end":{"line":19,"column":79}}],"line":19},"7":{"loc":{"start":{"line":20,"column":20},"end":{"line":20,"column":62}},"type":"binary-expr","locations":[{"start":{"line":20,"column":20},"end":{"line":20,"column":36}},{"start":{"line":20,"column":40},"end":{"line":20,"column":62}}],"line":20}},"s":{"0":28,"1":28,"2":28,"3":28,"4":28,"5":28,"6":28,"7":28},"f":{"0":28},"b":{"0":[27],"1":[26],"2":[27],"3":[28,27],"4":[28,27],"5":[28,27],"6":[28,27,0],"7":[28,27]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"973fa311af3a4cdcb59475492d6738f680be6333"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/props/defaultProps.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/props/defaultProps.js","statementMap":{"0":{"start":{"line":3,"column":28},"end":{"line":19,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"9653dda68fd0168b3635636a6177eff5ca90dde4"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/props/propTypes.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/props/propTypes.js","statementMap":{"0":{"start":{"line":3,"column":25},"end":{"line":39,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"943783c2bccf44bd7414d0c24aa00fb4859fb560"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/Buttongroup.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/Buttongroup.js","statementMap":{"0":{"start":{"line":9,"column":82},"end":{"line":9,"column":92}},"1":{"start":{"line":10,"column":19},"end":{"line":10,"column":21}},"2":{"start":{"line":11,"column":4},"end":{"line":15,"column":9}},"3":{"start":{"line":13,"column":23},"end":{"line":13,"column":67}},"4":{"start":{"line":14,"column":8},"end":{"line":14,"column":32}},"5":{"start":{"line":16,"column":4},"end":{"line":25,"column":6}},"6":{"start":{"line":29,"column":0},"end":{"line":29,"column":40}},"7":{"start":{"line":30,"column":0},"end":{"line":30,"column":34}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":8,"column":2},"end":{"line":8,"column":3}},"loc":{"start":{"line":8,"column":11},"end":{"line":26,"column":3}},"line":8},"1":{"name":"(anonymous_1)","decl":{"start":{"line":12,"column":23},"end":{"line":12,"column":24}},"loc":{"start":{"line":12,"column":34},"end":{"line":15,"column":7}},"line":12}},"branchMap":{"0":{"loc":{"start":{"line":11,"column":4},"end":{"line":15,"column":8}},"type":"binary-expr","locations":[{"start":{"line":11,"column":4},"end":{"line":11,"column":12}},{"start":{"line":12,"column":6},"end":{"line":15,"column":8}}],"line":11},"1":{"loc":{"start":{"line":18,"column":58},"end":{"line":18,"column":88}},"type":"cond-expr","locations":[{"start":{"line":18,"column":72},"end":{"line":18,"column":83}},{"start":{"line":18,"column":86},"end":{"line":18,"column":88}}],"line":18}},"s":{"0":8,"1":8,"2":8,"3":21,"4":21,"5":8,"6":1,"7":1},"f":{"0":8,"1":21},"b":{"0":[8,7],"1":[1,7]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"aefa7b71afda414f86c9d68585383a99c797c6aa"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/Buttongroup.module.css": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/Buttongroup.module.css","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":10,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":null,"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"3f10626e2df36d9d4957eb667e805c3cf972a4fb"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/props/defaultProps.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/props/defaultProps.js","statementMap":{"0":{"start":{"line":1,"column":28},"end":{"line":6,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"3d10ff0f5fe5c8db92dd492c6bf1207af9c6dbeb"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/props/propTypes.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/props/propTypes.js","statementMap":{"0":{"start":{"line":3,"column":25},"end":{"line":10,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"2bf134c2c7c91196f9db0acc6fcdabd440bee0fb"}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/utils/dummyFunction.js": {"path":"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/utils/dummyFunction.js","statementMap":{"0":{"start":{"line":1,"column":29},"end":{"line":1,"column":37}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":1,"column":29},"end":{"line":1,"column":30}},"loc":{"start":{"line":1,"column":35},"end":{"line":1,"column":37}},"line":1}},"branchMap":{},"s":{"0":1},"f":{"0":0},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"33a0b1f2fc9b6bbe59435bbc673369375c29ce47"}
 }

package/coverage/coverage-summary.json

@@ -1,12 +1,12 @@
 {"total": {"lines":{"total":30,"covered":30,"skipped":0,"pct":100},"statements":{"total":30,"covered":30,"skipped":0,"pct":100},"functions":{"total":5,"covered":4,"skipped":0,"pct":80},"branches":{"total":29,"covered":27,"skipped":0,"pct":93.1},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/Button.js": {"lines":{"total":7,"covered":7,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":7,"covered":7,"skipped":0,"pct":100},"branches":{"total":11,"covered":10,"skipped":0,"pct":90.9}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/css/Button.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/css/cssJSLogic.js": {"lines":{"total":8,"covered":8,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":8,"covered":8,"skipped":0,"pct":100},"branches":{"total":14,"covered":13,"skipped":0,"pct":92.85}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/Buttongroup.js": {"lines":{"total":8,"covered":8,"skipped":0,"pct":100},"functions":{"total":2,"covered":2,"skipped":0,"pct":100},"statements":{"total":8,"covered":8,"skipped":0,"pct":100},"branches":{"total":4,"covered":4,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/Buttongroup.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/dummyFunction.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/Button.js": {"lines":{"total":7,"covered":7,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":7,"covered":7,"skipped":0,"pct":100},"branches":{"total":11,"covered":10,"skipped":0,"pct":90.9}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/css/Button.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/css/cssJSLogic.js": {"lines":{"total":8,"covered":8,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":8,"covered":8,"skipped":0,"pct":100},"branches":{"total":14,"covered":13,"skipped":0,"pct":92.85}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Button/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/Buttongroup.js": {"lines":{"total":8,"covered":8,"skipped":0,"pct":100},"functions":{"total":2,"covered":2,"skipped":0,"pct":100},"statements":{"total":8,"covered":8,"skipped":0,"pct":100},"branches":{"total":4,"covered":4,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/Buttongroup.module.css": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/props/defaultProps.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/Buttongroup/props/propTypes.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/lakshmi-zt257/Documents/Git/LibraryClone/jsapps/dot/components/src/utils/dummyFunction.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
 }

package/coverage/index.html

@@ -176,7 +176,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/utils/dummyFunction.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/utils/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-10-16T11:18:44.450Z
+                at 2023-10-18T14:10:14.173Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/es/DateTime/DateTime.module.css

@@ -122,7 +122,7 @@
   color: var(--zdt_datetime_invalid_text);
 }
 
-.invalidDate.sunday {
+.invalidDate.sunday,.inActiveDate.sunday:hover {
   color: var(--zdt_datetime_invaliddate_text);
 }
 
@@ -147,7 +147,18 @@
   background-color: var(--zdt_datetime_selected_bg);
   border-radius: 50%;
 }
+.inActiveDate{
+color: var(--zdt_datetime_invalid_text);
+cursor: no-drop;
+}
+.inActiveDate:hover
+{
+  color: var(--zdt_datetime_invalid_text);
+}
+.inActiveDate:hover, .inActiveDate.sunday:hover{
+  background-color: var(--zdt_datetime_inactivedate_hover_bg);
 
+}
 
 
 .timesection {

package/es/v1/DateTime/CalendarView.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import { Span_propTypes, CalendarView_propTypes } from '../../DateTime/props/propTypes';
-import { CalendarView_defaultProps, Span_defaultProps } from '../../DateTime/props/defaultProps';
+import { Span_propTypes, CalendarView_propTypes } from './props/propTypes';
+import { CalendarView_defaultProps, Span_defaultProps } from './props/defaultProps';
 import { Container, Box } from '../Layout';
 import style from '../../DateTime/DateTime.module.css';
 import { getMonthEnd } from '../../utils/datetime/common';
+import { getYearDetails } from '../../DateTime/dateFormatUtils/index';
 import DaysRow from './DaysRow';
 /* eslint css-modules/no-unused-class: [0, { markAsUsed: ['container', 'header', 'thArrowConatainer', 'thArrow', 'thMonYear', 'days', 'daysStr', 'timesection', 'timeStr', 'dropDownContainer', 'dropDown', 'footer', 'space'] }] */
 
@@ -31,7 +32,9 @@ export default class CalendarView extends React.PureComponent {
       dayNamesShort,
       todayMonth,
       todayDate,
-      todayYear
+      todayYear,
+      startDate,
+      endDate
     } = this.props;
     const userSeeDate = new Date(year, month, 1);
     const userSeeDay = userSeeDate.getDay() + 1;
@@ -61,7 +64,7 @@ export default class CalendarView extends React.PureComponent {
         const dayArr = [];
         let output = null;
 
-        for (let i = 1; i < 8; i++) {
+        for (let i = 1; i <= 7; i++) {
           let tdclass = `${style.datesStr} ${style.grid}`;
 
           if (i === 1) {
@@ -88,7 +91,9 @@ export default class CalendarView extends React.PureComponent {
               userSeeMonth: userSeeMonth,
               userSeeYear: userSeeYear,
               dataId: isSelectedDay ? `${dataId}_dateSelected` : `${dataId}_date`,
-              isToday: isToday
+              isToday: isToday,
+              startDate: startDate,
+              endDate: endDate
             });
             incremday++;
           } else if (incremleti < userSeeDay) {
@@ -114,7 +119,9 @@ export default class CalendarView extends React.PureComponent {
               userSeeMonth: prevMonth,
               userSeeYear: prevYear,
               dataId: isSelectedDay ? `${dataId}_dateSelected` : `${dataId}_invalidDate` // isToday={isToday}
-
+              ,
+              startDate: startDate,
+              endDate: endDate
             });
           } else if (incremleti > monthEnd) {
             let nextMonth = userSeeMonth + 1;
@@ -138,7 +145,9 @@ export default class CalendarView extends React.PureComponent {
               userSeeMonth: nextMonth,
               userSeeYear: nextYear,
               dataId: isSelectedDay ? `${dataId}_dateSelected` : `${dataId}_invalidDate` //isToday={isToday}
-
+              ,
+              startDate: startDate,
+              endDate: endDate
             });
           } else {
             output = /*#__PURE__*/React.createElement(Box, {
@@ -202,13 +211,37 @@ export class Span extends React.PureComponent {
       i,
       dataId,
       isActive,
-      isToday
+      isToday,
+      userSeeMonth,
+      userSeeYear,
+      startDate,
+      endDate
     } = this.props;
+    const userSeeDate = new Date(userSeeYear, userSeeMonth, incremday);
+    let startDateRange, endDateRange;
+
+    if (startDate && endDate) {
+      startDateRange = new Date(startDate);
+      endDateRange = new Date(endDate);
+    } else if (!startDate && endDate) {
+      startDateRange = new Date(getYearDetails(4).startPoint, 0, 1);
+      endDateRange = new Date(endDate);
+    } else if (!endDate && startDate) {
+      startDateRange = new Date(startDate);
+      endDateRange = new Date(getYearDetails(4).endPoint, 11, 31);
+    } else {
+      startDateRange = new Date(getYearDetails(4).startPoint, 0, 1);
+      endDateRange = new Date(getYearDetails(4).endPoint, 11, 31);
+    }
+
+    startDateRange = new Date(startDateRange.getFullYear(), startDateRange.getMonth(), startDateRange.getDate());
+    endDateRange = new Date(endDateRange.getFullYear(), endDateRange.getMonth(), endDateRange.getDate());
+    const isActiveDate = startDateRange <= userSeeDate && endDateRange >= userSeeDate;
     return /*#__PURE__*/React.createElement(Box, {
       dataId: dataId,
-      className: `${tdclass} ${isActive ? style.active : ''} ${isToday ? style.today : ''}`,
+      className: `${tdclass} ${isActive && isActiveDate ? style.active : ''} ${isToday ? style.today : ''} ${!isActiveDate ? style.inActiveDate : ''}`,
       key: i,
-      onClick: this.handleSelectChild,
+      onClick: isActiveDate ? this.handleSelectChild : undefined,
       "aria-label": incremday
     }, incremday);
   }

package/es/v1/DateTime/DateTime.js

@@ -2,8 +2,8 @@
 
 /* eslint-disable react/forbid-component-props */
 import React from 'react';
-import { DateTime_propTypes } from '../../DateTime/props/propTypes';
-import { DateTime_defaultProps } from '../../DateTime/props/defaultProps';
+import { DateTime_propTypes } from './props/propTypes';
+import { DateTime_defaultProps } from './props/defaultProps';
 import datetime from '@zohodesk/datetimejs';
 import CalendarView from './CalendarView';
 import YearView from './YearView';
@@ -676,7 +676,9 @@ export default class DateTime extends React.PureComponent {
       positionsOffset,
       targetOffset,
       isRestrictScroll,
-      dropBoxPortalId
+      dropBoxPortalId,
+      startDate,
+      endDate
     } = this.props;
     const {
       timeText = 'Time',
@@ -717,7 +719,9 @@ export default class DateTime extends React.PureComponent {
       dayNamesShort: dayNamesShort,
       todayDate: todayDate,
       todayMonth: todayMonth,
-      todayYear: todayYear
+      todayYear: todayYear,
+      startDate: startDate,
+      endDate: endDate
     }), isDateTimeField ? /*#__PURE__*/React.createElement(Time, {
       timeText: timeText,
       dataId: dataId,

package/es/v1/DateTime/DateTimePopupFooter.js

@@ -2,8 +2,8 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DateTimePopupFooter_propTypes } from '../../DateTime/props/propTypes';
-import { DateTimePopupFooter_defaultProps } from '../../DateTime/props/defaultProps';
+import { DateTimePopupFooter_propTypes } from './props/propTypes';
+import { DateTimePopupFooter_defaultProps } from './props/defaultProps';
 /** ** Components *** */
 
 import { Container } from '../Layout';

package/es/v1/DateTime/DateTimePopupHeader.js

@@ -2,7 +2,7 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DateTimePopupHeader_propTypes } from '../../DateTime/props/propTypes';
+import { DateTimePopupHeader_propTypes } from './props/propTypes';
 /** ** Components *** */
 
 import { Container, Box } from '../Layout';

package/es/v1/DateTime/DateWidget.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { DateWidget_propTypes } from '../../DateTime/props/propTypes';
-import { DateWidget_defaultProps } from '../../DateTime/props/defaultProps';
+import { DateWidget_propTypes } from './props/propTypes';
+import { DateWidget_defaultProps } from './props/defaultProps';
 import datetime from '@zohodesk/datetimejs';
 /**** Components ****/
 
@@ -983,7 +983,9 @@ class DateWidgetComponent extends React.Component {
       dropBoxPortalId,
       a11y,
       boxSize,
-      onError
+      onError,
+      startDate,
+      endDate
     } = this.props;
     const {
       selected: value = '',
@@ -1073,7 +1075,9 @@ class DateWidgetComponent extends React.Component {
       isRestrictScroll: isRestrictScroll,
       dropBoxPortalId: dropBoxPortalId,
       boxSize: boxSize,
-      onError: onError
+      onError: onError,
+      startDate: startDate,
+      endDate: endDate
     }));
   }
 

package/es/v1/DateTime/DaysRow.js

@@ -2,7 +2,7 @@
 
 /** ** Libraries *** */
 import React, { PureComponent } from 'react';
-import { DaysRow_propTypes } from '../../DateTime/props/propTypes';
+import { DaysRow_propTypes } from './props/propTypes';
 /** ** CSS *** */
 
 import style from '../../DateTime/DateTime.module.css';