From ead9cafba0b8f843309c226659992d2812a656ea Mon Sep 17 00:00:00 2001
From: Sheela Narayanaswami <34457496+sheela-svmx@users.noreply.github.com>
Date: Tue, 5 Mar 2019 12:00:43 -0800
Subject: [PATCH] Add margin-right and margin-left (#28)

---
 HISTORY.md                        |  4 ++++
 bower.json                        |  2 +-
 css/px-datetime-entry-styles.html |  2 +-
 package.json                      |  2 +-
 sass/px-datetime-entry.scss       | 11 ++---------
 5 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/HISTORY.md b/HISTORY.md
index 9d4c79b1..d3528249 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -1,3 +1,7 @@
+v3.2.7
+==================
+* Add margin right and margin left.
+
 v3.2.6
 ==================
 * Minor spell Check error.
diff --git a/bower.json b/bower.json
index 45377854..2a2d51de 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "px-datetime-common",
-  "version": "3.2.6",
+  "version": "3.2.7",
   "main": [
     "px-datetime-common.html"
   ],
diff --git a/css/px-datetime-entry-styles.html b/css/px-datetime-entry-styles.html
index da2b0c50..f4c9d59c 100644
--- a/css/px-datetime-entry-styles.html
+++ b/css/px-datetime-entry-styles.html
@@ -17,7 +17,7 @@
 <dom-module id="px-datetime-entry-styles">
 <template>
 <style>
-@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */.btn,.truncate{white-space:nowrap}.btn,.text-input,select,textarea{transition:background .4s,border-color .4s,color .4s}html{background-color:var(--px-base-background-color,#fff);font-size:15px;overflow-y:scroll;min-height:100%;box-sizing:border-box}:host,html{color:var(--px-base-text-color,#2c404c);line-height:1.33333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,figure{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:1rem}li>ol,li>ul{margin-bottom:0}dd,ol,ul{margin-left:2rem}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:link,a:visited{color:#007acc}a:hover{color:#005c99}a:active{color:#003d66}a:active,a:hover{outline:0}.float--right{float:right!important}.float--left{float:left!important}.float--none{float:none!important}.text--left{text-align:left!important}.text--center{text-align:center!important}.proceed,.text--right{text-align:right!important}.full-height{height:100%!important}.informative{cursor:help!important}.pointer{cursor:pointer!important}.muted{opacity:.5!important}.caps{text-transform:uppercase!important}.hidden{display:none!important;visibility:hidden}.a11y,.visuallyhidden{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}.a11y.focusable:active,.a11y.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;overflow:visible;width:auto;height:auto;margin:0;clip:auto}@media screen and (min-width:45em) and (max-width:63.9375em){.a11y-lap,.visuallyhidden-lap{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (max-width:63.9375em){.a11y-portable,.visuallyhidden-portable{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (max-width:44.9375em){.a11y-palm,.visuallyhidden-palm{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:45em){.a11y-lap-and-up,.visuallyhidden-lap-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:64em){.a11y-desk,.a11y-desk-and-up,.visuallyhidden-desk,.visuallyhidden-desk-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:120em){.a11y-large-and-up,.visuallyhidden-large-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.a11y-retina,.visuallyhidden-retina{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}.invisible{visibility:hidden!important}.truncate{overflow:hidden;text-overflow:ellipsis}.flex{display:flex}.inline--flex{display:inline-flex}.flex--row{flex-direction:row}.flex--row--rev{flex-direction:row-reverse}.flex--col{flex-direction:column}.flex--col--rev{flex-direction:column-reverse}.flex--nowrap{flex-wrap:nowrap}.flex--wrap{flex-wrap:wrap}.flex--wrap--rev{flex-wrap:wrap-reverse}.flex--left{justify-content:flex-start}.flex--center{justify-content:center}.flex--right{justify-content:flex-end}.flex--justify{justify-content:space-between}.flex--spaced{justify-content:space-around}.flex--top{align-items:flex-start}.dt-entry-symbol,.flex--middle{align-items:center}.flex--bottom{align-items:flex-end}.flex--stretch{align-items:stretch}.flex--baseline{align-items:baseline}.flex--top--multi{align-content:flex-start}.flex--middle--multi{align-content:center}.flex--bottom--multi{align-content:flex-end}.flex--stretch--multi{align-content:stretch}.flex--justify--multi{align-content:space-between}.flex--spaced--multi{align-content:space-around}.flex__item{flex:1}.flex__item--msfix{flex:1 1 auto}.flex__item--top{align-self:flex-start}.flex__item--middle{-ms-grid-row-align:center;align-self:center}.flex__item--bottom{align-self:flex-end}.flex__item--baseline{align-self:baseline}fieldset{margin:0}.form-field,legend{margin-bottom:1.33333rem}fieldset,fieldset legend{border:0;padding:0}legend{font-weight:700}.form-field:last-child{margin-bottom:2.66667rem}label{display:block;margin-bottom:.26667rem;cursor:pointer;text-transform:uppercase;font-size:12px;color:var(--px-input-label-text-color,#677e8c);letter-spacing:var(--px-headings-letter-spacing,.3px)}label.disabled{cursor:not-allowed}.label--inline{display:inline-block;margin-bottom:0}.label--inline+.text-input{margin-left:.66667rem}.text-input,select,textarea{font:inherit;outline:0;background-color:var(--px-input-background-color,transparent)}.text-input:disabled,.text-input[readonly],select:disabled,select[readonly],textarea:disabled,textarea[readonly]{border-color:var(--px-input-border-color--disabled,rgba(0,0,0,.2));color:var(--px-input-text-color--disabled,rgba(0,0,0,.2));cursor:not-allowed;background-color:var(--px-input-background-color--disabled,transparent)}.text-input:hover,select:hover,textarea:hover{background-color:var(--px-input-background-color--hover,#d8e0e5)}.text-input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--px-input-text-color--placeholder,rgba(0,0,0,.3))}.text-input::placeholder,select::placeholder,textarea::placeholder{color:var(--px-input-text-color--placeholder,rgba(0,0,0,.3))}.text-input:focus:-ms-input-placeholder,select:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:var(--px-input-text-color--placeholder--focused,rgba(0,0,0,.3))}.text-input:focus::placeholder,select:focus::placeholder,textarea:focus::placeholder{color:var(--px-input-text-color--placeholder--focused,rgba(0,0,0,.3))}.text-input:disabled:-ms-input-placeholder,select:disabled:-ms-input-placeholder,textarea:disabled:-ms-input-placeholder{color:var(--px-input-text-color--disabled,rgba(0,0,0,.2))}.text-input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--px-input-text-color--disabled,rgba(0,0,0,.2))}.text-input{height:2em;width:100%;border:none;border-radius:0;border-bottom:1px solid var(--px-input-border-color--outer,#889aa5);padding:0 .33333rem;color:var(--px-input-text-color,#2c404c)}.text-input:focus,textarea:focus{color:var(--px-input-text-color--focused,inherit)}.text-input:focus{border-color:var(--px-input-border-color--outer--focused,#007acc);background-color:var(--px-input-background-color--focused,#eefbff)}.text-input+[type=checkbox],.text-input+[type=radio]{margin-left:1.33333rem}.text-input+.label--inline{margin-left:.66667rem}.text-input:-ms-input-placeholder{padding-top:1px}.text-input::placeholder{padding-top:1px}.text-input::-ms-clear{display:none}textarea{width:100%;color:var(--px-input-text-color,#2c404c);overflow:auto;min-height:calc(120px + .66667rem);padding:.33333rem .66667rem;resize:vertical;border:1px solid var(--px-input-border-color--outer,#889aa5);border-radius:0}textarea:focus{background-color:var(--px-input-textarea-background--focused,#eefbff);border:1px solid var(--px-input-border-color--outer--focused,#007acc)}select{width:auto;padding:0 3em 0 1em;box-shadow:none;height:calc(2em);cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%232c404c%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:calc(100% - .66667rem) 37.5%;color:var(--px-select-text-color,#2c404c);background-color:var(--px-select-background-color,#d8e0e5);border:var(--px-select-border-color,transparent);-webkit-appearance:none;-moz-appearance:none;border-radius:0}select:hover{background-color:var(--px-select-background-color--hover,#a3b5bf)}select:active{background-color:var(--px-select-background-color--active,#889aa5)}select:disabled,select[readonly]{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23c5d1d8%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");color:var(--px-input-text-color--disabled,rgba(0,0,0,.2))}select[multiple]{padding:.33333rem;cursor:pointer;border:none;background:var(--px-multiselect-background-color,#ebeff2)}select::-ms-expand{display:none}@-moz-document url-prefix(){select{padding-top:.4em;padding-bottom:.4em}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){select{padding-top:.4em;padding-bottom:.4em}}.label--inline [type=cancel],.label--inline+[type=submit],.text-input [type=cancel],.text-input+[type=submit]{margin-left:1.33333rem}[type=checkbox],[type=radio]{margin:0;padding:0;font-size:1.05em;cursor:pointer;outline:0}[type=checkbox][disabled],[type=checkbox][disabled]+.label--inline,[type=radio][disabled],[type=radio][disabled]+.label--inline{cursor:not-allowed}[type=checkbox]+.label--inline{padding-left:5px}[type=radio]+.label--inline{padding-left:3px}.form-field__help{display:inline-block;margin-top:0;margin-left:.33333rem;font-size:12px;line-height:inherit;color:var(--px-input-text-color--help,#677e8c)}.validation-warning{color:var(--px-validation-warning-text-color,#ff8b3a)}.validation-error{color:var(--px-validation-error-text-color,#f34336)}.validation-success{color:var(--px-validation-success-text-color,#7fae1b)}.text-input.validation-error,.text-input.validation-success,.text-input.validation-warning{color:var(--px-input-text-color--focused,inherit)}.text-input.validation-warning{border-color:var(--px-validation-warning-text-color,#ff8b3a);background-color:var(--px-validation-warning-background-color,#fff0e6)}.text-input.validation-error{border-color:var(--px-validation-error-text-color,#f34336);background-color:var(--px-validation-error-background-color,#ffecec)}.text-input.validation-success{border-color:var(--px-validation-success-text-color,#7fae1b);background-color:var(--px-validation-success-background-color,#ecffee)}.btn{display:inline-block;overflow:visible;height:var(--px-btn-height,2em);min-width:var(--px-btn-min-width,4.66667em);margin:0;border:1px solid var(--px-btn-border-color,transparent);border-radius:0!important;padding:0 calc(var(--px-btn-height,2em)/ 2);box-shadow:var(--px-btn-shadow--light,none);font:inherit;line-height:calc(var(--px-btn-height,2em) - 2px);-webkit-font-smoothing:antialiased;cursor:pointer;text-align:center;text-decoration:none;text-transform:none;background-color:var(--px-btn-background,#d8e0e5)}.u-mh--,.u-mr--{margin-right:.33333rem!important}.u-mt--,.u-mv--{margin-top:.33333rem!important}.u-mb--,.u-mv--{margin-bottom:.33333rem!important}.btn,.btn:active,.btn:hover,.btn:link,.btn:visited{color:var(--px-btn-color,#2c404c)}.btn:focus,.btn:hover{border-color:var(--px-btn-border-color--hover,transparent);box-shadow:var(--px-btn-shadow,none);background-color:var(--px-btn-background--hover,#a3b5bf)}.btn:active{border-color:var(--px-btn-border-color--pressed,transparent);box-shadow:none;background-color:var(--px-btn-background--pressed,#889aa5);outline:0}@-moz-document url-prefix(){.btn:not(button){line-height:1.8em}}button.btn{-webkit-appearance:button}.btn+.btn{margin-left:.66667rem}.u-mh--,.u-ml--{margin-left:.33333rem!important}.btn--bare{height:var(--px-btn-height,2em);border:0!important;border-radius:0!important;line-height:inherit;padding-left:0;padding-right:0}.btn--bare,.btn--bare:active,.btn--bare:focus,.btn--bare:hover,.btn--bare:link,.btn--bare:visited{box-shadow:none;background:0 0;outline:0}.btn--bare,.btn--bare:link,.btn--bare:visited{color:var(--px-btn-bare-color,#2c404c)}.btn--bare:focus,.btn--bare:hover{color:var(--px-btn-bare-color--hover,#007acc)}.btn--bare:active{color:var(--px-btn-bare-color--pressed,#003d66)}:host{/*! Comment to prevent cssmin munging this rule with html above and borking Safari */box-sizing:border-box;color:inherit;font-size:var(--px-datetime-entry-font-size,inherit)}.dt-text-input--non-editable{cursor:default;color:var(--px-datetime-read-only-text-color,gray)}.dt-icon{color:var(--px-datetime-icon-color,gray);--iron-icon-width:1.06667rem;--iron-icon-height:1.06667rem}.dt-icon-button{min-width:auto;-webkit-margin-start:.33333rem;-moz-margin-start:.33333rem;-webkit-margin-end:.33333rem;-moz-margin-end:.33333rem}.dt-icon-button:focus,.dt-icon-button:hover{--px-datetime-icon-color:var(--px-datetime-icon-color--hover, blue)}.dt-icon-button:active{--px-datetime-icon-color:var(--px-datetime-icon-color--pressed, darkblue)}.dt-entry-symbol{height:2rem;display:flex}.dropdown{--px-dropdown-content-color:var(--px-datetime-dropdown-content-color, black);--px-btn-min-width:0px}.dt-flex--no-shrink{flex:0 0 auto}:host-context(.px-datetime-common-demo) .dt-icon{max-width:32px;max-height:32px}.u-m--{margin:.33333rem!important}.u-mh-,.u-mr-{margin-right:.66667rem!important}.u-mh-,.u-ml-{margin-left:.66667rem!important}.u-mt-,.u-mv-{margin-top:.66667rem!important}.u-mb-,.u-mv-{margin-bottom:.66667rem!important}.u-m-{margin:.66667rem!important}
+@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */.btn,.truncate{white-space:nowrap}.btn,.text-input,select,textarea{transition:background .4s,border-color .4s,color .4s}html{background-color:var(--px-base-background-color,#fff);font-size:15px;overflow-y:scroll;min-height:100%;box-sizing:border-box}:host,html{color:var(--px-base-text-color,#2c404c);line-height:1.33333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body,figure{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:1rem}li>ol,li>ul{margin-bottom:0}dd,ol,ul{margin-left:2rem}img{max-width:100%;border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:link,a:visited{color:#007acc}a:hover{color:#005c99}a:active{color:#003d66}a:active,a:hover{outline:0}.float--right{float:right!important}.float--left{float:left!important}.float--none{float:none!important}.text--left{text-align:left!important}.text--center{text-align:center!important}.proceed,.text--right{text-align:right!important}.full-height{height:100%!important}.informative{cursor:help!important}.pointer{cursor:pointer!important}.muted{opacity:.5!important}.caps{text-transform:uppercase!important}.hidden{display:none!important;visibility:hidden}.a11y,.visuallyhidden{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}.a11y.focusable:active,.a11y.focusable:focus,.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;overflow:visible;width:auto;height:auto;margin:0;clip:auto}@media screen and (min-width:45em) and (max-width:63.9375em){.a11y-lap,.visuallyhidden-lap{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (max-width:63.9375em){.a11y-portable,.visuallyhidden-portable{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (max-width:44.9375em){.a11y-palm,.visuallyhidden-palm{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:45em){.a11y-lap-and-up,.visuallyhidden-lap-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:64em){.a11y-desk,.a11y-desk-and-up,.visuallyhidden-desk,.visuallyhidden-desk-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media screen and (min-width:120em){.a11y-large-and-up,.visuallyhidden-large-and-up{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.a11y-retina,.visuallyhidden-retina{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important}}.invisible{visibility:hidden!important}.truncate{overflow:hidden;text-overflow:ellipsis}.flex{display:flex}.inline--flex{display:inline-flex}.flex--row{flex-direction:row}.flex--row--rev{flex-direction:row-reverse}.flex--col{flex-direction:column}.flex--col--rev{flex-direction:column-reverse}.flex--nowrap{flex-wrap:nowrap}.flex--wrap{flex-wrap:wrap}.flex--wrap--rev{flex-wrap:wrap-reverse}.flex--left{justify-content:flex-start}.flex--center{justify-content:center}.flex--right{justify-content:flex-end}.flex--justify{justify-content:space-between}.flex--spaced{justify-content:space-around}.flex--top{align-items:flex-start}.dt-entry-symbol,.flex--middle{align-items:center}.flex--bottom{align-items:flex-end}.flex--stretch{align-items:stretch}.flex--baseline{align-items:baseline}.flex--top--multi{align-content:flex-start}.flex--middle--multi{align-content:center}.flex--bottom--multi{align-content:flex-end}.flex--stretch--multi{align-content:stretch}.flex--justify--multi{align-content:space-between}.flex--spaced--multi{align-content:space-around}.flex__item{flex:1}.flex__item--msfix{flex:1 1 auto}.flex__item--top{align-self:flex-start}.flex__item--middle{-ms-grid-row-align:center;align-self:center}.flex__item--bottom{align-self:flex-end}.flex__item--baseline{align-self:baseline}fieldset{margin:0}.form-field,legend{margin-bottom:1.33333rem}fieldset,fieldset legend{border:0;padding:0}legend{font-weight:700}.form-field:last-child{margin-bottom:2.66667rem}label{display:block;margin-bottom:.26667rem;cursor:pointer;text-transform:uppercase;font-size:12px;color:var(--px-input-label-text-color,#677e8c);letter-spacing:var(--px-headings-letter-spacing,.3px)}label.disabled{cursor:not-allowed}.label--inline{display:inline-block;margin-bottom:0}.label--inline+.text-input{margin-left:.66667rem}.text-input,select,textarea{font:inherit;outline:0;background-color:var(--px-input-background-color,transparent)}.text-input:disabled,.text-input[readonly],select:disabled,select[readonly],textarea:disabled,textarea[readonly]{border-color:var(--px-input-border-color--disabled,rgba(0,0,0,.2));color:var(--px-input-text-color--disabled,rgba(0,0,0,.2));cursor:not-allowed;background-color:var(--px-input-background-color--disabled,transparent)}.text-input:hover,select:hover,textarea:hover{background-color:var(--px-input-background-color--hover,#d8e0e5)}.text-input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--px-input-text-color--placeholder,rgba(0,0,0,.3))}.text-input::placeholder,select::placeholder,textarea::placeholder{color:var(--px-input-text-color--placeholder,rgba(0,0,0,.3))}.text-input:focus:-ms-input-placeholder,select:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:var(--px-input-text-color--placeholder--focused,rgba(0,0,0,.3))}.text-input:focus::placeholder,select:focus::placeholder,textarea:focus::placeholder{color:var(--px-input-text-color--placeholder--focused,rgba(0,0,0,.3))}.text-input:disabled:-ms-input-placeholder,select:disabled:-ms-input-placeholder,textarea:disabled:-ms-input-placeholder{color:var(--px-input-text-color--disabled,rgba(0,0,0,.2))}.text-input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--px-input-text-color--disabled,rgba(0,0,0,.2))}.text-input{height:2em;width:100%;border:none;border-radius:0;border-bottom:1px solid var(--px-input-border-color--outer,#889aa5);padding:0 .33333rem;color:var(--px-input-text-color,#2c404c)}.text-input:focus,textarea:focus{color:var(--px-input-text-color--focused,inherit)}.text-input:focus{border-color:var(--px-input-border-color--outer--focused,#007acc);background-color:var(--px-input-background-color--focused,#eefbff)}.text-input+[type=checkbox],.text-input+[type=radio]{margin-left:1.33333rem}.text-input+.label--inline{margin-left:.66667rem}.text-input:-ms-input-placeholder{padding-top:1px}.text-input::placeholder{padding-top:1px}.text-input::-ms-clear{display:none}textarea{width:100%;color:var(--px-input-text-color,#2c404c);overflow:auto;min-height:calc(120px + .66667rem);padding:.33333rem .66667rem;resize:vertical;border:1px solid var(--px-input-border-color--outer,#889aa5);border-radius:0}textarea:focus{background-color:var(--px-input-textarea-background--focused,#eefbff);border:1px solid var(--px-input-border-color--outer--focused,#007acc)}select{width:auto;padding:0 3em 0 1em;box-shadow:none;height:calc(2em);cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%232c404c%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:calc(100% - .66667rem) 37.5%;color:var(--px-select-text-color,#2c404c);background-color:var(--px-select-background-color,#d8e0e5);border:var(--px-select-border-color,transparent);-webkit-appearance:none;-moz-appearance:none;border-radius:0}select:hover{background-color:var(--px-select-background-color--hover,#a3b5bf)}select:active{background-color:var(--px-select-background-color--active,#889aa5)}select:disabled,select[readonly]{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23c5d1d8%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");color:var(--px-input-text-color--disabled,rgba(0,0,0,.2))}select[multiple]{padding:.33333rem;cursor:pointer;border:none;background:var(--px-multiselect-background-color,#ebeff2)}select::-ms-expand{display:none}@-moz-document url-prefix(){select{padding-top:.4em;padding-bottom:.4em}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){select{padding-top:.4em;padding-bottom:.4em}}.label--inline [type=cancel],.label--inline+[type=submit],.text-input [type=cancel],.text-input+[type=submit]{margin-left:1.33333rem}[type=checkbox],[type=radio]{margin:0;padding:0;font-size:1.05em;cursor:pointer;outline:0}[type=checkbox][disabled],[type=checkbox][disabled]+.label--inline,[type=radio][disabled],[type=radio][disabled]+.label--inline{cursor:not-allowed}[type=checkbox]+.label--inline{padding-left:5px}[type=radio]+.label--inline{padding-left:3px}.form-field__help{display:inline-block;margin-top:0;margin-left:.33333rem;font-size:12px;line-height:inherit;color:var(--px-input-text-color--help,#677e8c)}.validation-warning{color:var(--px-validation-warning-text-color,#ff8b3a)}.validation-error{color:var(--px-validation-error-text-color,#f34336)}.validation-success{color:var(--px-validation-success-text-color,#7fae1b)}.text-input.validation-error,.text-input.validation-success,.text-input.validation-warning{color:var(--px-input-text-color--focused,inherit)}.text-input.validation-warning{border-color:var(--px-validation-warning-text-color,#ff8b3a);background-color:var(--px-validation-warning-background-color,#fff0e6)}.text-input.validation-error{border-color:var(--px-validation-error-text-color,#f34336);background-color:var(--px-validation-error-background-color,#ffecec)}.text-input.validation-success{border-color:var(--px-validation-success-text-color,#7fae1b);background-color:var(--px-validation-success-background-color,#ecffee)}.btn{display:inline-block;overflow:visible;height:var(--px-btn-height,2em);min-width:var(--px-btn-min-width,4.66667em);margin:0;border:1px solid var(--px-btn-border-color,transparent);border-radius:0!important;padding:0 calc(var(--px-btn-height,2em)/ 2);box-shadow:var(--px-btn-shadow--light,none);font:inherit;line-height:calc(var(--px-btn-height,2em) - 2px);-webkit-font-smoothing:antialiased;cursor:pointer;text-align:center;text-decoration:none;text-transform:none;background-color:var(--px-btn-background,#d8e0e5)}.u-mt--,.u-mv--{margin-top:.33333rem!important}.u-mb--,.u-mv--{margin-bottom:.33333rem!important}.btn,.btn:active,.btn:hover,.btn:link,.btn:visited{color:var(--px-btn-color,#2c404c)}.btn:focus,.btn:hover{border-color:var(--px-btn-border-color--hover,transparent);box-shadow:var(--px-btn-shadow,none);background-color:var(--px-btn-background--hover,#a3b5bf)}.btn:active{border-color:var(--px-btn-border-color--pressed,transparent);box-shadow:none;background-color:var(--px-btn-background--pressed,#889aa5);outline:0}@-moz-document url-prefix(){.btn:not(button){line-height:1.8em}}button.btn{-webkit-appearance:button}.btn+.btn{margin-left:.66667rem}.btn--bare{height:var(--px-btn-height,2em);border:0!important;border-radius:0!important;line-height:inherit;padding-left:0;padding-right:0}.btn--bare,.btn--bare:active,.btn--bare:focus,.btn--bare:hover,.btn--bare:link,.btn--bare:visited{box-shadow:none;background:0 0;outline:0}.btn--bare,.btn--bare:link,.btn--bare:visited{color:var(--px-btn-bare-color,#2c404c)}.btn--bare:focus,.btn--bare:hover{color:var(--px-btn-bare-color--hover,#007acc)}.btn--bare:active{color:var(--px-btn-bare-color--pressed,#003d66)}:host{/*! Comment to prevent cssmin munging this rule with html above and borking Safari */box-sizing:border-box;color:inherit;font-size:var(--px-datetime-entry-font-size,inherit)}.dt-text-input--non-editable{cursor:default;color:var(--px-datetime-read-only-text-color,gray)}.dt-icon{color:var(--px-datetime-icon-color,gray);--iron-icon-width:1.06667rem;--iron-icon-height:1.06667rem}.dt-icon-button{min-width:auto;margin-right:.33333rem;margin-left:.33333rem}.u-mh--,.u-mr--{margin-right:.33333rem!important}.u-mh--,.u-ml--{margin-left:.33333rem!important}.dt-icon-button:focus,.dt-icon-button:hover{--px-datetime-icon-color:var(--px-datetime-icon-color--hover, blue)}.dt-icon-button:active{--px-datetime-icon-color:var(--px-datetime-icon-color--pressed, darkblue)}.dt-entry-symbol{height:2rem;display:flex}.dropdown{--px-dropdown-content-color:var(--px-datetime-dropdown-content-color, black);--px-btn-min-width:0px}.dt-flex--no-shrink{flex:0 0 auto}:host-context(.px-datetime-common-demo) .dt-icon{max-width:32px;max-height:32px}.u-m--{margin:.33333rem!important}.u-mh-,.u-mr-{margin-right:.66667rem!important}.u-mh-,.u-ml-{margin-left:.66667rem!important}.u-mt-,.u-mv-{margin-top:.66667rem!important}.u-mb-,.u-mv-{margin-bottom:.66667rem!important}.u-m-{margin:.66667rem!important}
 </style>
 </template>
 </dom-module>
\ No newline at end of file
diff --git a/package.json b/package.json
index 12817b0d..5b550dad 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "px-datetime-common",
   "author": "General Electric",
   "description": "A Px component",
-  "version": "3.2.6",
+  "version": "3.2.7",
   "private": false,
   "extName": null,
   "repository": {
diff --git a/sass/px-datetime-entry.scss b/sass/px-datetime-entry.scss
index 06f6d19a..e3f34fd3 100644
--- a/sass/px-datetime-entry.scss
+++ b/sass/px-datetime-entry.scss
@@ -61,15 +61,8 @@ $inuit-enable-btn--bare : true;
 }
 .dt-icon-button{
   min-width: auto;
-  /*
-    These margins are for pages that are rendered from "Right-To-Left" or "Left-To-Right"
-    If the writing direction is left-to-right, this value overrides margin-left.
-    If the writing direction is right-to-left, this value overrides margin-right.
-  */
-  -webkit-margin-start: .33333rem;
-  -moz-margin-start: .33333rem;
-  -webkit-margin-end: .33333rem;
-  -moz-margin-end: .33333rem;
+  margin-right: .33333rem;
+  margin-left: .33333rem;
 }
 .dt-icon-button:hover,
 .dt-icon-button:focus {