DateTimeDropdown 显示不正确，如 ADB2C 文档中所示

Question

我正在尝试 ADB2C 自定义策略的示例，并使用 DateTimeDropdown 作为 dateOfBirth 属性。 将 claimType 声明为

<ClaimType Id="dateOfBirth">
            <DisplayName>Date of Birth</DisplayName>
            <DataType>date</DataType>
            <AdminHelpText>The user's date of birth.</AdminHelpText>
            <UserHelpText>Your date of birth.</UserHelpText>
            <UserInputType>DateTimeDropdown</UserInputType>
            <PredicateValidationReference Id="CustomDateRange" />
        </ClaimType>

我有一个名为 - 示例用户输入收集技术配置文件 的 ClaimsProvider，其技术配置文件的 ID - UserInformationCollector

<TechnicalProfile Id="UserInformationCollector">
                <DisplayName>
                    Collect Sample User Input Technical Profile
                </DisplayName>
                <Protocol Name="Proprietary" Handler="Web.TPEngine.Providers.SelfAssertedAttributeProvider, Web.TPEngine, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" />
                <Metadata>
                    <Item Key="ContentDefinitionReferenceId">SelfAssertedContentDefinition</Item>
                    <Item Key="LookupNotFound">The provided email address was not from a valid company.</Item>
                </Metadata>
                <DisplayClaims>
                    <DisplayClaim ClaimTypeReferenceId="givenName" Required="true" />
                    <DisplayClaim ClaimTypeReferenceId="surname" Required="true" />
                    <DisplayClaim ClaimTypeReferenceId="dateOfBirth" Required="true" />
                    <DisplayClaim ClaimTypeReferenceId="accountType" Required="true" />
                    <DisplayClaim DisplayControlReferenceId="emailControl" />
                    <DisplayClaim ClaimTypeReferenceId="password" Required="true" />
                </DisplayClaims>
                <OutputClaims>
                    <OutputClaim ClaimTypeReferenceId="givenName" />
                    <OutputClaim ClaimTypeReferenceId="surname" />
                    <OutputClaim ClaimTypeReferenceId="dateOfBirth" />
                    <OutputClaim ClaimTypeReferenceId="accountType" />
                    <OutputClaim ClaimTypeReferenceId="email" />
                    <OutputClaim ClaimTypeReferenceId="validDomains" />
                    <OutputClaim ClaimTypeReferenceId="domain" />
                    <OutputClaim ClaimTypeReferenceId="domainStatus" />
                    <OutputClaim ClaimTypeReferenceId="passwordText" />
                </OutputClaims>
                <ValidationTechnicalProfiles>
                    <ValidationTechnicalProfile ReferenceId="CheckCompanyDomain">
                        <Preconditions>
                            <Precondition Type="ClaimEquals" ExecuteActionsIf="false">
                                <Value>accountType</Value>
                                <Value>company</Value>
                                <Action>SkipThisValidationTechnicalProfile</Action>
                            </Precondition>
                        </Preconditions>
                    </ValidationTechnicalProfile>

                    <ValidationTechnicalProfile ReferenceId="HttpCompanyDomainsCollector">
                        <Preconditions>
                            <Precondition Type="ClaimEquals" ExecuteActionsIf="false">
                                <Value>accountType</Value>
                                <Value>company</Value>
                                <Action>SkipThisValidationTechnicalProfile</Action>
                            </Precondition>
                        </Preconditions>


                    </ValidationTechnicalProfile>
                    <ValidationTechnicalProfile ReferenceId="PasswordCopier" />
                </ValidationTechnicalProfiles>
            </TechnicalProfile>

最后在默认的 UserJourney 中调用此技术配置文件。 我没有看到任何代码可以进行任何修改以使 UI 看起来不同。但是 DateTimeDropdown 字段在我的屏幕上看起来很糟糕。我错过了什么？我怎样才能让它看起来更好？ Link: Microsoft documentation

Answer 1

下拉菜单看起来与文档完全一样？

这是默认的外观。

您无法通过配置更改 UI 日期。

您可以随时使用 JavaScript 滚动自己的内容。