+
+
+ Expire date
+
+
+ Set a expiration date to claim the credential
+
+
+
+ (
+ <>
+ {
+ field.onChange(date?.toISO());
+ }}
+ renderInput={(params) => }
+ />
+
+ )}
+ />
+
+
+
+
+
+ Amount limit
+
+
+ Limit amount of people who can claim the credential
+
+ {
+ const isCustomValue = !claimLimitValues.some(
+ (btn) => btn.value === value
+ );
+
+ return (
+
+
+ <>
+ {claimLimitValues.map((btn) => {
+ return (
+ {
+ onChange(btn.value);
+ }}
+ >
+ {btn.label}
+
+ );
+ })}
+
+
+ ) => {
+ if (e.target.value === '') {
+ onChange(null);
+ } else {
+ onChange(e.target.valueAsNumber);
+ }
+ }}
+ sx={[
+ isCustomValue && {
+ border: '2px solid #9A53FF',
+ },
+ ]}
+ endAdornment={
+
+
+
+ }
+ ref={ref}
+ />
+
+ {!!errors.claim_limit && (
+
+ {errors?.claim_limit?.message}
+
+ )}
+
+ );
+ }}
+ />
+
+
+